Skip to content

Instantly share code, notes, and snippets.

@nicinabox
Created November 8, 2013 19:21
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save nicinabox/7376156 to your computer and use it in GitHub Desktop.
Save nicinabox/7376156 to your computer and use it in GitHub Desktop.
%nav.navbar.navbar-default{role: "navigation"}
/ Brand and toggle get grouped for better mobile display
.navbar-header
%button.navbar-toggle{"data-target" => "#primary-nav", "data-toggle" => "collapse", type: "button"}
%span.sr-only Toggle navigation
%span.icon-bar
%span.icon-bar
%span.icon-bar
%a.navbar-brand{href: "#"} Brand
/ Collect the nav links, forms, and other content for toggling
#primary-nav.collapse.navbar-collapse
%ul.nav.navbar-nav.navbar-right
%li.active
%a{href: "#"} Link
%li
%a{href: "#"} Link
%li.dropdown
%a.dropdown-toggle{"data-toggle" => "dropdown", href: "#"}
Dropdown
%b.caret
%ul.dropdown-menu
%li
%a{href: "#"} Action
%li
%a{href: "#"} Another action
%li
%a{href: "#"} Something else here
%li.divider
%li
%a{href: "#"} Separated link
%li.divider
%li
%a{href: "#"} One more separated link
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment