59 lines
1.8 KiB
Plaintext
59 lines
1.8 KiB
Plaintext
extends ../_bootstrap
|
|
append styles
|
|
// Custom styles for this template
|
|
link(href='../css/navbar.css', rel='stylesheet')
|
|
block body
|
|
.container
|
|
// Static navbar
|
|
nav.navbar.navbar-default
|
|
.container-fluid
|
|
.navbar-header
|
|
button.navbar-toggle.collapsed(type='button', data-toggle='collapse', data-target='#navbar', aria-expanded='false', aria-controls='navbar')
|
|
span.sr-only Toggle navigation
|
|
span.icon-bar
|
|
span.icon-bar
|
|
span.icon-bar
|
|
a.navbar-brand(href='#') Project name
|
|
#navbar.navbar-collapse.collapse
|
|
ul.nav.navbar-nav
|
|
li.active
|
|
a(href='#') Home
|
|
li
|
|
a(href='#') About
|
|
li
|
|
a(href='#') Contact
|
|
li.dropdown
|
|
a.dropdown-toggle(href='#', data-toggle='dropdown', role='button', aria-expanded='false')
|
|
| Dropdown
|
|
span.caret
|
|
ul.dropdown-menu(role='menu')
|
|
li
|
|
a(href='#') Action
|
|
li
|
|
a(href='#') Another action
|
|
li
|
|
a(href='#') Something else here
|
|
li.divider
|
|
li.dropdown-header Nav header
|
|
li
|
|
a(href='#') Separated link
|
|
li
|
|
a(href='#') One more separated link
|
|
ul.nav.navbar-nav.navbar-right
|
|
li.active
|
|
a(href='#')
|
|
| Default
|
|
span.sr-only (current)
|
|
li
|
|
a(href='navbar-static.html') Static top
|
|
li
|
|
a(href='navbar-fixed.html') Fixed top
|
|
|
|
// Main component for a primary marketing message or call to action
|
|
.jumbotron
|
|
h1 Navbar example
|
|
p
|
|
| This example is a quick exercise to illustrate how the default, static navbar and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.
|
|
p
|
|
a.btn.btn-lg.btn-primary(href='../../components/#navbar', role='button') View navbar docs »
|