css - How to add a drop down to a drop down -
i can't figure out how add drop down navbar. have 1 need add 1 on top of it.
html: toggle navigation custom signs
- custom signs digital printing services
</li> </ul> </li> <li role="presentation"> <a href=" untitled.html" id="getanestimate">get estimate</a></li> <li class="dropdown"><a data-toggle="dropdown" aria-expanded="false" href="#" class="dropdown-toggle">industry showcase<span class="caret"></span></a> <ul role="menu" class="dropdown-menu"> <li role="presentation"><a href="services.html">price package</a></li> <li role="presentation"><a href="#">order services</a></li> <li role="presentation"><a href="#">custom request</a></li> </ul> </li> <li role="presentation"><a href=" untitled.html">gallery</a></li> <li role="presentation"><a href="contact.html">about </a></li> <!--<li role="presentation" id="getanestimate"><a href=" untitled.html">request service</a></li> <li role="presentation" id="getanestimate"><a href="contact.html">contact </a></li>--> <a class="navbar-text navbar-right actions"> <a class="btn btn-default action-button" role="button" href="signup.html">request service</a></a> <a class="navbar-text navbar-right actions"> <a class="btn btn-default action-button" role="button" href="signup.html"> contact</a></a> <a href="https://www.youtube.com/channel/ucwdyhl6wo6qbooarukmsw-a"> <i class = "fa fa-youtube"></i></a> <a href="facebook.com/arizonasignsplus"> <i class = "fa fa-facebook"></i></a> <a href="https://www.youtube.com/channel/ucwdyhl6wo6qbooarukmsw-a"> <i class = "fa fa-twitter"></i></a> </ul> <!--<p class="navbar-text navbar-right actions"> <a class="btn btn-default action-button" role="button" href="signup.html">contact</a></p> <p class="navbar-text navbar-right actions"> <a class="btn btn-default action-button" role="button" href="signup.html"> request service</a></p>--> </div> </div>
check link found somewhere in stack may you
<div class="navbar navbar-fixed-top"> <div class="navbar-inner"> <div class="container-fluid"> <a data-target=".nav-collapse" data-toggle="collapse" class="btn btn-navbar"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </a> <a href="#" class="brand">project name</a> <div class="nav-collapse"> <ul class="nav"> <li class="active"><a href="#">home</a></li> <li><a href="#">link</a></li> <li><a href="#">link</a></li> <li><a href="#">link</a></li> <li class="dropdown"> <a data-toggle="dropdown" class="dropdown-toggle" href="#">dropdown <b class="caret"></b></a> <ul class="dropdown-menu"> <li class="dropdown-submenu"> <a href="#">more options</a> <ul class="dropdown-menu"> <li><a href="#">second level link</a></li> <li><a href="#">second level link</a></li> <li><a href="#">second level link</a></li> <li><a href="#">second level link</a></li> <li><a href="#">second level link</a></li> </ul> </li> <li><a href="#">another action</a></li> <li><a href="#">something else here</a></li> <li class="divider"></li> <li class="nav-header">nav header</li> <li><a href="#">separated link</a></li> <li><a href="#">one more separated link</a></li> </ul> </li> </ul> <form action="" class="navbar-search pull-left"> <input type="text" placeholder="search" class="search-query span2"> </form> <ul class="nav pull-right"> <li><a href="#">link</a></li> <li class="divider-vertical"></li> <li class="dropdown"> <a class="#" href="#">menu</a> </li> </ul> </div><!-- /.nav-collapse --> </div> </div> </div> <hr> <ul class="nav nav-pills"> <li class="active"><a href="#">regular link</a></li> <li class="dropdown"> <a href="#" data-toggle="dropdown" class="dropdown-toggle">dropdown <b class="caret"></b></a> <ul class="dropdown-menu" id="menu1"> <li class="dropdown-submenu"> <a href="#">more options</a> <ul class="dropdown-menu"> <li><a href="#">second level link</a></li> <li><a href="#">second level link</a></li> <li><a href="#">second level link</a></li> <li><a href="#">second level link</a></li> <li><a href="#">second level link</a></li> </ul> </li> <li><a href="#">another action</a></li> <li><a href="#">something else here</a></li> <li class="divider"></li> <li><a href="#">separated link</a></li> </ul> </li> <li class="dropdown"> <a href="#">menu</a> </li> <li class="dropdown"> <a href="#">menu</a> </li> </ul>
Comments
Post a Comment