ASPForums.Net RSS Feedhttp://www.aspforums.net/Handlers/RSS.ashxLatest additions to the content that appears on ASPForums.Net(c) 2019 www.aspforums.com. All rights reserved.Multi Level Bootstrap DropDown menu with Submenu using HTML and CSS <p>Hi <a class="username" rel="PRA"> PRA</a>,</p> <p>Check this example. Now please take its reference and correct your code.</p> <p><strong><span style="text-decoration: underline;">HTML</span></strong></p> <div class="demo_block"> <pre class="brush: html">&lt;html xmlns=&#34;http://www.w3.org/1999/xhtml&#34;&gt; &lt;head&gt; &lt;meta charset=&#34;utf-8&#34;&gt; &lt;meta http-equiv=&#34;X-UA-Compatible&#34; content=&#34;IE=9; IE=8; IE=7; IE=EDGE&#34;&gt; &lt;meta name=&#34;viewport&#34; content=&#34;width=device-width, initial-scale=1&#34;&gt; &lt;title&gt;&lt;/title&gt; &lt;link rel=&#34;stylesheet&#34; href=&#34;https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css&#34;&gt; &lt;script type=&#34;text/jscript&#34; src=&#34;https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js&#34;&gt;&lt;/script&gt; &lt;script type=&#34;text/jscript&#34; src=&#34;https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js&#34;&gt;&lt;/script&gt; &lt;style type=&#34;text/css&#34;&gt; .dropdown-submenu { position: relative; } .dropdown-submenu .dropdown-menu { top: 0; left: 100%; margin-top: -1px; } &lt;/style&gt; &lt;script type=&#34;text/jscript&#34;&gt; $(document).ready(function () { $(&#39;.dropdown-submenu a.test&#39;).on(&#34;click&#34;, function (e) { $(this).next(&#39;ul&#39;).toggle(); e.stopPropagation(); e.preventDefault(); }); }); &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;div class=&#34;container-fluid&#34;&gt; &lt;div class=&#34;row&#34;&gt; &lt;div class=&#34;col-md-12&#34;&gt; &lt;nav class=&#34;navbar navbar-default &#34; role=&#34;navigation&#34; style=&#34;z-index: 1000; background-color: #325c94;&#34;&gt; &lt;div class=&#34;container&#34; &gt; &lt;button type=&#34;button&#34; class=&#34;navbar-toggle&#34; data-toggle=&#34;collapse&#34; data-target=&#34;.navbar-collapse&#34;&gt; &lt;span class=&#34;sr-only&#34;&gt;&lt;/span&gt; &lt;span class=&#34;icon-bar&#34;&gt;&lt;/span&gt; &lt;span class=&#34;icon-bar&#34;&gt;&lt;/span&gt; &lt;span class=&#34;icon-bar&#34;&gt;&lt;/span&gt; &lt;/button&gt; &lt;div class=&#34;navbar-collapse collapse&#34;&gt; &lt;ul class=&#34;nav navbar-nav navbar-left&#34; style=&#34;z-index: 1000;&#34;&gt; &lt;li class=&#34;dropdown&#34;&gt; &lt;a href=&#34;#&#34; style=&#34;color: white;&#34;&gt;Main page&lt;/a&gt; &lt;ul&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li class=&#34;dropdown&#34;&gt; &lt;a href=&#34;#&#34; style=&#34;color: white;&#34; class=&#34;dropdown-toggle&#34; data-toggle=&#34;dropdown&#34;&gt;Control institut &lt;b class=&#34;caret&#34;&gt;&lt;/b&gt;&lt;/a&gt; &lt;ul class=&#34;dropdown-menu&#34;&gt; &lt;li class=&#34;dropdown-submenu&#34;&gt;&lt;a class=&#34;test&#34; tabindex=&#34;-1&#34; href=&#34;#&#34;&gt;Structure institut&lt;span class=&#34;caret&#34;&gt;&lt;/span&gt;&lt;/a&gt; &lt;ul class=&#34;dropdown-menu&#34;&gt; &lt;li&gt;&lt;a tabindex=&#34;-1&#34; href=&#34;#&#34;&gt;Since&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a tabindex=&#34;-1&#34; href=&#34;#&#34;&gt;Monitoring&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li class=&#34;dropdown-submenu&#34;&gt;&lt;a class=&#34;test&#34; tabindex=&#34;-1&#34; href=&#34;#&#34;&gt;Header institut&lt;span class=&#34;caret&#34;&gt;&lt;/span&gt;&lt;/a&gt; &lt;ul class=&#34;dropdown-menu&#34;&gt; &lt;li&gt;&lt;a tabindex=&#34;-1&#34; href=&#34;#&#34;&gt;Library&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a tabindex=&#34;-1&#34; href=&#34;#&#34;&gt;Scientific consul&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; &lt;/nav&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt;</pre> </div> <p><a class="demo button orange btn btn-red">Demo</a></p>https://www.aspforums.net:443/Threads/209248/Multi-Level-Bootstrap-DropDown-menu-with-Submenu-using-HTML-and-CSS/https://www.aspforums.net:443/Threads/209248/Multi-Level-Bootstrap-DropDown-menu-with-Submenu-using-HTML-and-CSS/Tue, 03 Apr 2018 03:13:50 GMT