"Bootstrap 3 elements example"
Bootstrap 3.1.0 Snippet by BhaumikPatel

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<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 ---------->
<div class="navbar navbar-default navbar-fixed-top">
<div class="container">
<a href="#" class="navbar-brand">Bootstrap 3</a>
<ul class="nav navbar-nav">
<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">CSS
<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#headings">Headings</a></li>
<li><a href="#content-formatting">Content</a></li>
<li><a href="#tables">Tables</a></li>
<li><a href="#forms">Forms</a></li>
<li><a href="#images">Images</a></li>
</ul>
</li>
<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Components
<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#dropdowns">Dropdowns</a></li>
<li><a href="#input-groups">Input Groups</a></li>
<li><a href="#navs">Navs</a></li>
<li><a href="#navbar">Navbar</a></li>
<li><a href="#pagination">Pagination</a></li>
<li><a href="#alerts">Alerts</a></li>
<li><a href="#labels">Labels</a></li>
<li><a href="#progress">Progress</a></li>
<li><a href="#media-object">Media Object</a></li>
<li><a href="#list-groups">List Groups</a></li>
<li><a href="#panels">Panels</a></li>
<li><a href="#wells">Wells</a></li>
</ul>
</li>
</ul>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
body { padding-top: 70px; }
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: