mirror of
https://github.com/twbs/bootstrap.git
synced 2024-12-01 13:24:25 +01:00
023568fe3d
* Change .brand to .navbar-brand * Change .btn-navbar to .navbar-toggle * Redesign navbar toggle to be a bit lighter and wider * Center align the navbar brand with a max-width of 200px (to minimize hit area) while still centering
38 lines
1.4 KiB
HTML
38 lines
1.4 KiB
HTML
<!-- Navbar
|
|
================================================== -->
|
|
<div class="navbar navbar-inverse navbar-fixed-top">
|
|
<div class="container">
|
|
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".nav-collapse">
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
</button>
|
|
<a class="navbar-brand" href="/">Bootstrap</a>
|
|
<div class="nav-collapse collapse">
|
|
<ul class="nav">
|
|
<li {% if page.title == "Bootstrap" %}class="active"{% endif %}>
|
|
<a href="/">Home</a>
|
|
</li>
|
|
<li {% if page.title == "Getting started" %}class="active"{% endif %}>
|
|
<a href="/getting-started">Get started</a>
|
|
</li>
|
|
<li {% if page.title == "CSS" %}class="active"{% endif %}>
|
|
<a href="/css">CSS</a>
|
|
</li>
|
|
<li {% if page.title == "Components" %}class="active"{% endif %}>
|
|
<a href="/components">Components</a>
|
|
</li>
|
|
<li {% if page.title == "JavaScript plugins" %}class="active"{% endif %}>
|
|
<a href="/javascript">JavaScript</a>
|
|
</li>
|
|
<li {% if page.title == "Customize and download" %}class="active"{% endif %}>
|
|
<a href="/customize">Customize</a>
|
|
</li>
|
|
<li {% if page.title == "Gallery" %}class="active"{% endif %}>
|
|
<a href="/gallery">Gallery</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|