If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)


Bootstrap. How to remove Advanced panel

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. How to remove Advanced panel, 5.0 out of 5 based on 2 ratings