Bootstrap. How to remove Advanced panel

Ryan DeWitt October 15, 2012
Rating: 5.0. From 1 vote.
Please wait...

This tutorial shows how to remove Advanced panel. Above you can see how Advanced panel looks like.

1. Lets remove Advanced panel. Open site folder and go to js folder. Open bootstrap.js file in editor.

2. Search for panel comment using search function of your editor.
Usually this section is located at the end of file.

3. Remove the code we have selected on a screenshot below.

For your convenience we have copied the code you should remove:

$('body').prepend('<div id="panel"><div class="navbar navbar-inverse navbar-fixed-top" id="advanced"><span class="trigger"><strong></strong><em></em></span><div class="navbar-inner"><div class="container"><button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-top-collapse"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a class="brand" href="assets/scaffolding.html">Bootstrap</a><div class="nav-collapse collapse nav-top-collapse"><ul class="nav"><li class="home"><a href="index.html"><img src="img/tm/tm_home.png"></a></li><li class="divider-vertical"></li><li class=""><a href="assets/scaffolding.html">Scaffolding</a></li><li class=""><a href="assets/base-css.html">Base CSS</a></li><li><a href="assets/components.html">Components</a></li><li class=""><a href="assets/javascript.html">Javascript</a></li><li class="divider-vertical"></li><li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">TM add-ons <b class="caret"></b></a><ul class="dropdown-menu"><li><a href="404.html">Pages</a><ul><li><a href="assets/under_construction.html">Under Construction</a></li><li><a href="assets/intro.html">Intro Page</a></li><li><a href="404.html">404 page</a></li></ul></li><li><a href="assets/portfolio.html">Portfolio</a></li><li><a href="assets/slider.html">Slider</a></li><li><a href="assets/social_media.html">Social and Media<br> Sharing</a></li><li><a href="assets/css3.html">CSS3 Tricks</a></li></ul></li></ul></div></div></div></div></div>');

4. Save changes you have performed to bootstrap.js file. Refresh the home page.

5. We have removed Advanced panel.

In this tutorial we have found out how to remove Advanced panel.

Have a look at our collection of elegant Bootstrap themes.

Feel free to check the detailed video tutorial below:

Bootstrap. How to remove Advanced panel

Bootstrap 3 Templates
This entry was posted in JS Animated tutorials and tagged advanced, Bootstrap, panel, remove. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket

Live Chat
We help you to choose the right product.