mirror of
https://github.com/twbs/bootstrap.git
synced 2025-01-08 01:47:24 +01:00
9f2aeafe85
Conflicts: Gruntfile.js dist/css/bootstrap-theme.css.map dist/css/bootstrap.css dist/css/bootstrap.css.map dist/css/bootstrap.min.css dist/fonts/glyphicons-halflings-regular.svg docs/_includes/components/badges.html docs/_includes/components/input-groups.html docs/_includes/components/pagination.html docs/_includes/css/forms.html docs/_includes/footer.html docs/_includes/getting-started/browser-device-support.html docs/_includes/getting-started/grunt.html docs/_includes/home-nav.html docs/_includes/js/alerts.html docs/_includes/js/buttons.html docs/_includes/js/carousel.html docs/_includes/js/collapse.html docs/_includes/js/modal.html docs/_includes/js/popovers.html docs/_includes/js/tooltips.html docs/_includes/nav/getting-started.html docs/_includes/nav/javascript.html docs/assets/css/docs.min.css docs/assets/css/src/docs.css docs/assets/js/customize.min.js docs/assets/js/raw-files.min.js docs/browser-bugs.html docs/dist/css/bootstrap-theme.css.map docs/dist/css/bootstrap.css docs/dist/css/bootstrap.css.map docs/dist/css/bootstrap.min.css docs/dist/fonts/glyphicons-halflings-regular.svg fonts/glyphicons-halflings-regular.svg less/_button-group.less less/_jumbotron.less less/_variables.less less/mixins/vendor-prefixes.less less/panels.less less/thumbnails.less package.json
124 lines
3.1 KiB
Markdown
124 lines
3.1 KiB
Markdown
---
|
|
layout: page
|
|
title: New navbar
|
|
---
|
|
|
|
Proposal to replace the existing navbar with something simpler and more customizable.
|
|
|
|
<div class="navbar navbar-default">
|
|
<h3 class="navbar-brand pull-left">
|
|
<a href="#">Navbar</a>
|
|
</h3>
|
|
</div>
|
|
|
|
<div class="navbar navbar-default">
|
|
<h3 class="navbar-brand pull-left">
|
|
<a href="#">Navbar</a>
|
|
</h3>
|
|
<ul class="nav nav-pills pull-left">
|
|
<li class="nav-item active">
|
|
<a class="nav-link" href="#">Home</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#">Features</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#">Pricing</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#">About</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="navbar navbar-default">
|
|
<h3 class="navbar-brand pull-left">
|
|
<a href="#">Navbar</a>
|
|
</h3>
|
|
<ul class="nav nav-pills pull-left">
|
|
<li class="nav-item active">
|
|
<a class="nav-link" href="#">Home</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#">Features</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#">Pricing</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#">About</a>
|
|
</li>
|
|
</ul>
|
|
<ul class="nav nav-pills pull-right">
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#">Help</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#">Sign out</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="navbar navbar-default">
|
|
<h3 class="navbar-brand pull-left">
|
|
<a href="#">Navbar</a>
|
|
</h3>
|
|
<ul class="nav nav-pills pull-left">
|
|
<li class="nav-item active">
|
|
<a class="nav-link" href="#">Home</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#">Features</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#">Pricing</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#">About</a>
|
|
</li>
|
|
</ul>
|
|
<form class="form-inline pull-right">
|
|
<input class="form-control" type="text" placeholder="Search">
|
|
<button class="btn btn-primary" type="submit">Search</button>
|
|
</form>
|
|
</div>
|
|
|
|
<div class="navbar navbar-inverse">
|
|
<h3 class="navbar-brand pull-left">
|
|
<a href="#">Navbar</a>
|
|
</h3>
|
|
<ul class="nav nav-pills pull-left">
|
|
<li class="nav-item active">
|
|
<a class="nav-link" href="#">Home</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#">Features</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#">Pricing</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#">About</a>
|
|
</li>
|
|
</ul>
|
|
<form class="form-inline pull-right">
|
|
<input class="form-control" type="text" placeholder="Search">
|
|
<button class="btn btn-primary" type="submit">Search</button>
|
|
</form>
|
|
</div>
|
|
|
|
|
|
<div class="collapse" id="navbar-header">
|
|
<div class="inverse p-a">
|
|
<h3>Collapsed content</h3>
|
|
<p>Toggleable via the navbar brand.</p>
|
|
</div>
|
|
</div>
|
|
<div class="navbar navbar-default">
|
|
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-header">
|
|
☰
|
|
</button>
|
|
</div>
|
|
|
|
|