Login / Join
Bootstrap navbar example
submitted on 25/05/2014 by
Codicode
+ infos
Config
Embed
Share
Bootstrap navbar example
by
Codicode
Bootstrap navbar example
Framework 1 :
-- None --
jQuery 2.0.3
jQuery 1.9.1
jQuery 1.9.0
jQuery 1.8.0
jQuery 1.7.1
jQuery 1.6.3
jQuery UI 1.10.3
MooTools 1.4.5
AngularJS 1.0.4
Prototype 1.7.1.0
Dojo 1.8.3
Chrome Frame 1.0.3
Ext Core 3.1.0
SWFObject 2.2
WebFont Loader 1.1.2
Framework 2 :
-- None --
jQuery 2.0.3
jQuery 1.9.1
jQuery 1.9.0
jQuery 1.8.0
jQuery 1.7.1
jQuery 1.6.3
jQuery UI 1.10.3
MooTools 1.4.5
AngularJS 1.0.4
Prototype 1.7.1.0
Dojo 1.8.3
Chrome Frame 1.0.3
Ext Core 3.1.0
SWFObject 2.2
WebFont Loader 1.1.2
+ Js file(s) :
//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js
+ Css file(s) :
//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css
Apply
Link :
Direct http link :
Fork button :
Html code :
Embed preview :
Copy the following html code to your page to embed the preview,
To include many previews on a single page, just repeat the first line.
You can change the width, height and border color (bcolor).
<div class="refork-widget" code="106" style="width:100%;height:200px;" bcolor="#ccc"></div>
<script type="text/javascript" src="//snippet.run/d/z.js"></script>
HTML
<div id="entete" class="navbar"> <div class="navbar-inner "> <div class="container"> <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </a> <a href="http://www.uicod.com"> <span class="brand" style="display:inline-block">Refork</span> </a> <div class="nav-collapse collapse "> <ul class="nav"> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Menu 1 <b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="#">Sub menu 1</a></li> <li class="divider"></li> <li><a href="#">Sub menu 2</a></li> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Menu 2 <b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="#">Sub menu 1</a></li> <li class="divider"></li> <li><a href="#">Sub menu 2</a></li> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Menu 3 <b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="#">Sub menu 1</a></li> <li class="divider"></li> <li><a href="#">Sub menu 2</a></li> </ul> </li> </ul> <ul class="nav pull-right"> <li><a data-ajax="true" href="/home/_deconnect"><i class="icon-remove-sign"></i> Logout</a></li> </ul> </div> </div> </div> </div> Page demo
CSS
Javascript
©2013 Copyright snippet.run
Privacy
-
Terms of use
-
About
-
Contact