Toggle navigation
Bootsnipp
Bootstrap
For
CSS Frameworks
Bootstrap
Foundation
Semantic UI
Materialize
Pure
Bulma
References
CSS Reference
Tools
Community
Page Builder
Form Builder
Button Builder
Icon Search
Dan's Tools
Diff / Merge
Color Picker
Keyword Tool
Web Fonts
.htaccess Generator
Favicon Generator
Site Speed Test
Snippets
Featured
Tags
By Bootstrap Version
4.1.1
4.0.0
3.3.0
3.2.0
3.1.0
3.0.3
3.0.1
3.0.0
2.3.2
Register
Login
"Multi Level Menu Bar"
Bootstrap 3.1.0 Snippet by
vara24
3.1.0
menu
Preview
HTML
CSS
View Full Screen
Forked from
Fork
Fork this
Parent
1.3K
 
0 Fav
Post to Facebook
Tweet this
<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <style> body { padding-top: 50px; } </style> <div class="navbar navbar-default navbar-fixed-top" role="navigation"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#">TSSPDCL</a> </div> <div class="collapse navbar-collapse"> <ul class="nav navbar-nav"> <li> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Tariffs & Regulations<b class="caret"></b></a> <ul class="dropdown-menu multi-level"> <li><a href="#">Tariff Schedules</a></li> <li><a href="#">Current Year Orders</a></li> <li><a href="#">Earlier Orders</a></li> <li class="dropdown-submenu"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">TSERC Regulations</a> <ul class="dropdown-menu"> <li><a href="#">DRAFT</a></li> <li><a href="#">FINAL</a></li> </ul> </li> <li><a href="#">ARR Filings</a></li> <li><a href="#">FSA</a></li> <li class="dropdown-submenu"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">GTCS</a> <ul class="dropdown-menu"> <li><a href="#">Amendment of GTCS</a></li> <li><a href="#">Compendium of GTCS</a></li> </ul> </li> <li><a href="#">DC ans SD Charges</a></li> <li><a href="#">Cost Data FY2016-17</a></li> </ul> </li> </ul> <ul class="nav navbar-nav"> <li> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Tenders<b class="caret"></b></a> <ul class="dropdown-menu multi-level"> <li><a href="#">P & MM Tender Notices</a></li> <li><a href="#">P & MM Tender Specifications</a></li> <li><a href="#">General Tenders</a></li> <li><a href="#">Purchase Orders</a></li> <li><a href="#">Nomination's</a></li> </ul> </li> </ul> <ul class="nav navbar-nav"> <li> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Services<b class="caret"></b></a> <ul class="dropdown-menu multi-level"> <li><a href="#">Customer Service Centers</a></li> <li><a href="#">Fuse-Off Call Centers</a></li> <li><a href="#">General Tenders</a></li> <li><a href="#">Purchase Orders</a></li> <li><a href="#">Nomination's</a></li> </ul> </li> </ul> <ul class="nav navbar-nav"> <li> <a href="#" class="dropdown-toggle" data-toggle="dropdown">News Gallery<b class="caret"></b></a> <ul class="dropdown-menu multi-level"> <li><a href="#">eNews Letter</a></li> <li><a href="#">Electrical Saving Tips</a></li> <li><a href="#">Electrical Safety</a></li> <li><a href="#">Energy Conservation & Safety</a></li> <li><a href="#">FAQ's</a></li> <li><a href="#">Glossary</a></li> <li><a href="#">Notice of 15th AGM</a></li> </ul> </li> </ul> <ul class="nav navbar-nav"> <li><a href="#" class="dropdown-toggle" data-toggle="dropdown">Careers</a></li> </ul> <ul class="nav navbar-nav"> <li> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Company Information<b class="caret"></b></a> <ul class="dropdown-menu multi-level"> <li><a href="#">Supplier Payment Status</a></li> <li><a href="#">Contractors</a></li> <li><a href="#">Blacklisted Firms</a></li> <li><a href="#">Accident Compensation</a></li> <li><a href="#">Annual Reports</a></li> <li><a href="#">Citizen's Charter</a></li> <li><a href="#">Vigil Mechanism Policy 2014</a></li> </ul> </li> </ul> <ul class="nav navbar-nav"> <li> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Renewable Energy<b class="caret"></b></a> <ul class="dropdown-menu multi-level"> <li class="dropdown-submenu"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Materials and Work</a> <ul class="dropdown-menu"> <li><a href="#">Solar Power Developers Specifications</a></li> </ul> </li> <li><a href="#">Power evacuation Capacity</a></li> <li class="dropdown-submenu"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Solar Rooftop Netmetering</a> <ul class="dropdown-menu"> <li><a href="#">Empanelled Suppliers</a></li> <li><a href="#">Regulation 06 of 2016 Net Metering</a></li> <li><a href="#">Solar Rooftop Netmetering Guidelines</a></li> <li><a href="#">Application Form</a></li> <li><a href="#">Issue of Techinical Feasibility approval to Consumer Format</a></li> <li><a href="#">Agreement Form</a></li> <li><a href="#">Work Completion Report Submitted to be by Consumer</a></li> <li><a href="#">Synchronization/Test Report</a></li> <li><a href="#">Flow Chart for Availing Net Metering Facility</a></li> <li><a href="#">Know Your Applicatiom Status(Netmetering)</a></li> <li><a href="#">Netmetering Applications Recieved</a></li> <li><a href="#">FAQ</a></li> </ul> </li> <li><a href="#">Telangana Solar Bid-2015</a></li> <li><a href="#">Telangana State Solar Power Policy</a></li> <li><a href="#">Telangana Solar Bid-2014</a></li> <li><a href="#">Telangana State Wind Power Policy 2016</a></li> <li><a href="#">Work Flow Chart Under Solar Bidding</a></li> <li><a href="#">Solar Plant Commissioning Certificate</a></li> <li><a href="#">List of Solar Power Developers 515 MW in the year 2014</a></li> <li><a href="#">List of Solar Power Developers 2000 MW in the year 2015</a></li> <li><a href="#">Solar Projects Synchronised with grid as on 30.04.2016</a></li> <li><a href="#">Minutes of Metering with Solar Power Developers</a></li> </ul> </li> </ul> <ul class="nav navbar-nav"> <li> <a href="#" class="dropdown-toggle" data-toggle="dropdown">About Us<b class="caret"></b></a> <ul class="dropdown-menu multi-level"> <li><a href="#">About TSSPDCL</a></li> <li><a href="#">Board of Directors</a></li> <li><a href="#">About CGRF-I</a></li> </ul> </li> </ul> <ul class="nav navbar-nav"> <li> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Contact Us</a> </li> </ul> </div><!--/.nav-collapse --> </div> </div> <div class="inside" id="body-container" align="center"> <table width="1000" height="1000"> <div class=""> </table> </div>
/* To Dropdown navbar dropdown on hover */ .navbar-nav > li:hover > .dropdown-menu { display: block; } .dropdown-submenu { position: relative; } .dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px; } .dropdown-submenu:hover>.dropdown-menu { display: block; } .dropdown-submenu>a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -10px; } .dropdown-submenu:hover>a:after { border-left-color: #fff; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; }
Questions / Comments:
Post
Posting Guidelines
Formatting
- Now
×
Close
Donate
BTC: 12JxYMYi6Vt3mx3hcmP3B2oyFiCSF3FhYT
ETH: 0xCD715b2E3549c54A40e6ecAaFeB82138148a6c76