{"id":25166,"date":"2012-10-15T05:23:25","date_gmt":"2012-10-15T09:23:25","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=25166"},"modified":"2017-03-15T05:00:27","modified_gmt":"2017-03-15T09:00:27","slug":"bootstrap-how-to-remove-advanced-panel","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/bootstrap-how-to-remove-advanced-panel.html","title":{"rendered":"Bootstrap. How to remove Advanced panel"},"content":{"rendered":"<p><\/p>\r\n<p>This tutorial shows how to remove Advanced panel. Above you can see how Advanced panel looks like.<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2012\/10\/How_to_remove_Advanced_panel_Bootstrap-1.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/10\/How_to_remove_Advanced_panel_Bootstrap-1-300x169.png\" alt=\"\" title=\"How_to_remove_Advanced_panel_Bootstrap-1\" width=\"300\" height=\"169\" class=\"alignnone size-medium wp-image-25167\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/How_to_remove_Advanced_panel_Bootstrap-1-300x169.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/How_to_remove_Advanced_panel_Bootstrap-1-150x84.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/How_to_remove_Advanced_panel_Bootstrap-1.png 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p>1. Lets remove Advanced panel. Open site folder and go to js folder. Open bootstrap.js file in editor.<\/p>\r\n<p>2. Search for panel comment using search function of your editor.<br \/>\r\nUsually this section is located at the end of file.<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2012\/10\/How_to_remove_Advanced_panel_Bootstrap-3.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/10\/How_to_remove_Advanced_panel_Bootstrap-3-300x161.png\" alt=\"\" title=\"How_to_remove_Advanced_panel_Bootstrap-3\" width=\"300\" height=\"161\" class=\"alignnone size-medium wp-image-25168\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/How_to_remove_Advanced_panel_Bootstrap-3-300x161.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/How_to_remove_Advanced_panel_Bootstrap-3-150x80.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/How_to_remove_Advanced_panel_Bootstrap-3.png 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p>3. Remove the code we have selected on a screenshot below. <\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2012\/10\/How_to_remove_Advanced_panel_Bootstrap-4.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/10\/How_to_remove_Advanced_panel_Bootstrap-4-300x159.png\" alt=\"\" title=\"How_to_remove_Advanced_panel_Bootstrap-4\" width=\"300\" height=\"159\" class=\"alignnone size-medium wp-image-25169\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/How_to_remove_Advanced_panel_Bootstrap-4-300x159.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/How_to_remove_Advanced_panel_Bootstrap-4-150x79.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/How_to_remove_Advanced_panel_Bootstrap-4.png 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p>For your convenience  we have copied the code you should remove:<\/p>\r\n<pre class=\"brush:html\">$('body').prepend('&lt;div id=&quot;panel&quot;&gt;&lt;div class=&quot;navbar navbar-inverse navbar-fixed-top&quot; id=&quot;advanced&quot;&gt;&lt;span class=&quot;trigger&quot;&gt;&lt;strong&gt;&lt;\/strong&gt;&lt;em&gt;&lt;\/em&gt;&lt;\/span&gt;&lt;div class=&quot;navbar-inner&quot;&gt;&lt;div class=&quot;container&quot;&gt;&lt;button type=&quot;button&quot; class=&quot;btn btn-navbar&quot; data-toggle=&quot;collapse&quot; data-target=&quot;.nav-top-collapse&quot;&gt;&lt;span class=&quot;icon-bar&quot;&gt;&lt;\/span&gt;&lt;span class=&quot;icon-bar&quot;&gt;&lt;\/span&gt;&lt;span class=&quot;icon-bar&quot;&gt;&lt;\/span&gt;&lt;\/button&gt;&lt;a class=&quot;brand&quot; href=&quot;assets\/scaffolding.html&quot;&gt;Bootstrap&lt;\/a&gt;&lt;div class=&quot;nav-collapse collapse nav-top-collapse&quot;&gt;&lt;ul class=&quot;nav&quot;&gt;&lt;li class=&quot;home&quot;&gt;&lt;a href=&quot;index.html&quot;&gt;&lt;img src=&quot;img\/tm\/tm_home.png&quot;&gt;&lt;\/a&gt;&lt;\/li&gt;&lt;li class=&quot;divider-vertical&quot;&gt;&lt;\/li&gt;&lt;li class=&quot;&quot;&gt;&lt;a href=&quot;assets\/scaffolding.html&quot;&gt;Scaffolding&lt;\/a&gt;&lt;\/li&gt;&lt;li class=&quot;&quot;&gt;&lt;a href=&quot;assets\/base-css.html&quot;&gt;Base CSS&lt;\/a&gt;&lt;\/li&gt;&lt;li&gt;&lt;a href=&quot;assets\/components.html&quot;&gt;Components&lt;\/a&gt;&lt;\/li&gt;&lt;li class=&quot;&quot;&gt;&lt;a href=&quot;assets\/javascript.html&quot;&gt;Javascript&lt;\/a&gt;&lt;\/li&gt;&lt;li class=&quot;divider-vertical&quot;&gt;&lt;\/li&gt;&lt;li class=&quot;dropdown&quot;&gt;&lt;a href=&quot;#&quot; class=&quot;dropdown-toggle&quot; data-toggle=&quot;dropdown&quot;&gt;TM add-ons &lt;b class=&quot;caret&quot;&gt;&lt;\/b&gt;&lt;\/a&gt;&lt;ul class=&quot;dropdown-menu&quot;&gt;&lt;li&gt;&lt;a href=&quot;404.html&quot;&gt;Pages&lt;\/a&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=&quot;assets\/under_construction.html&quot;&gt;Under Construction&lt;\/a&gt;&lt;\/li&gt;&lt;li&gt;&lt;a href=&quot;assets\/intro.html&quot;&gt;Intro Page&lt;\/a&gt;&lt;\/li&gt;&lt;li&gt;&lt;a href=&quot;404.html&quot;&gt;404 page&lt;\/a&gt;&lt;\/li&gt;&lt;\/ul&gt;&lt;\/li&gt;&lt;li&gt;&lt;a href=&quot;assets\/portfolio.html&quot;&gt;Portfolio&lt;\/a&gt;&lt;\/li&gt;&lt;li&gt;&lt;a href=&quot;assets\/slider.html&quot;&gt;Slider&lt;\/a&gt;&lt;\/li&gt;&lt;li&gt;&lt;a href=&quot;assets\/social_media.html&quot;&gt;Social and Media&lt;br&gt; Sharing&lt;\/a&gt;&lt;\/li&gt;&lt;li&gt;&lt;a href=&quot;assets\/css3.html&quot;&gt;CSS3 Tricks&lt;\/a&gt;&lt;\/li&gt;&lt;\/ul&gt;&lt;\/li&gt;&lt;\/ul&gt;&lt;\/div&gt;&lt;\/div&gt;&lt;\/div&gt;&lt;\/div&gt;&lt;\/div&gt;');<\/pre>\r\n<p>4. Save changes you have performed to bootstrap.js file. Refresh the home page. <\/p>\r\n<p>5. We have removed Advanced panel.<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2012\/10\/How_to_remove_Advanced_panel_Bootstrap-5.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/10\/How_to_remove_Advanced_panel_Bootstrap-5-300x170.jpg\" alt=\"\" title=\"How_to_remove_Advanced_panel_Bootstrap-5\" width=\"300\" height=\"170\" class=\"alignnone size-medium wp-image-25170\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/How_to_remove_Advanced_panel_Bootstrap-5-300x170.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/How_to_remove_Advanced_panel_Bootstrap-5-150x85.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/How_to_remove_Advanced_panel_Bootstrap-5.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p>In this tutorial we have found out how to remove Advanced panel.<\/p>\r\n<p>Have a look at our collection of elegant <a href=\"https:\/\/www.templatemonster.com\/bootstrap-website-templates\/\" target=\"_blank\" title=\"Bootstrap Templates\">Bootstrap themes<\/a>.<\/p>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<p><a href=\"\/help\/files\/js-animated\/How_to_remove_Advanced_panel_Bootstrap.htm\" target=\"blank\">Bootstrap. How to remove Advanced panel<\/a><\/p>\r\n<p><\/p>\r\n<p><\/p>\r\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>This tutorial shows how to remove Advanced panel. Above you can see how Advanced panel looks like.<\/p>\n","protected":false},"author":39,"featured_media":25175,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1016],"tags":[1249,1379,654,642],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/25166"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/39"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=25166"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/25166\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/25175"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=25166"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=25166"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=25166"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}