Click here to Skip to main content
14,335,049 members
Rate this:
Please Sign up or sign in to vote.
See more:
I have a bootstrap menu in my project now i need to add 1 and 2 sub level on that how can i do that?

<div class="navbar navbar-inverse">
	<div class="navbar-inner">
		<div class="container-fluid">
			<span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar">
			</span>
			<div class="nav-collapse collapse">
				<ul class="nav">
					<li class="active">Home</li>
					<li>Features</li>
					<li>Pricing</li>
					<li class="dropdown">Products
						<ul class="dropdown-menu">
							<li>Latest Products</li>
							<li>Popular Products</li>
						</ul>
					</li>
					<li class="dropdown">Membership
						<ul class="dropdown-menu">
							<li>Personal Membership</li>
							<li>Premium Membership</li>
						</ul>
					</li>
					<li>Offers</li>
					<li>Gallery</li>
					<li>About Us</li>
					<li>Contact</li>
					<li class="dropdown">Dropdown
						<ul class="dropdown-menu">
							<li>Action</li>
							<li>Another action</li>
						</ul>
					</li>
				</ul>
			</div>
			<!-- /.nav-collapse -->
		</div>
		<!-- /.container -->
	</div>
	<!-- /.navbar-inner -->
</div>
<!-- /.navbar -->
Posted
Updated 21-Jun-14 23:30pm
v2
Comments
Roozbeh Amiressami 22-Jun-14 5:20am
   
my code is :


<div class="navbar navbar-inverse">
<div class="navbar-inner">
<div class="container-fluid">

<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>

<div class="nav-collapse collapse">
<ul class="nav">
<li class="active">Home</li>
<li>Features</li>
<li>Pricing</li>
<li class="dropdown">
Products
<ul class="dropdown-menu">
<li>Latest Products</li>
<li>Popular Products</li>
</ul>
</li>
<li class="dropdown">
Membership
<ul class="dropdown-menu">
<li>Personal Membership</li>
<li>Premium Membership</li>
</ul>
</li>
<li>Offers</li>
<li>Gallery</li>
<li>About Us</li>
<li>Contact</li>
<li class="dropdown">
Dropdown
<ul class="dropdown-menu">
<li>Action</li>
<li>Another action</li>
</ul>
</li>
</ul>
</div>
<!-- /.nav-collapse -->
</div>
<!-- /.container -->
</div>
<!-- /.navbar-inner -->
</div>
<!-- /.navbar -->

1 solution

Rate this:
Please Sign up or sign in to vote.

Solution 1

With Bootstrap 3 submenus have been removed...It's a decision of design of the author...
You may see this sample how to restore it...
http://www.bootply.com/86684[^]
   

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)




CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100