From: Jeremy Thomas Date: Sun, 11 Sep 2016 10:57:43 +0000 (+0100) Subject: Merge branch 'docs' of github.com:jgthms/bulma into docs X-Git-Tag: 0.2.1~14^2 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=f05f20d2d2f4facd3fbd003835fc89d377c28ab6;p=thirdparty%2Fbulma.git Merge branch 'docs' of github.com:jgthms/bulma into docs --- f05f20d2d2f4facd3fbd003835fc89d377c28ab6 diff --cc docs/documentation/components/nav.html index 3a1adfc4a,000000000..e80c6327c mode 100644,000000..100644 --- a/docs/documentation/components/nav.html +++ b/docs/documentation/components/nav.html @@@ -1,205 -1,0 +1,200 @@@ +--- +layout: documentation +doc-tab: components +doc-subtab: nav +--- + +{% include subnav-components.html %} + +
+
+

Nav

+

+ A responsive horizontal nav bar that can contain links, tabs, buttons, icons, and a logo +

+ +
+ +
+

+ The nav container can have 3 parts: +

+
    +
  • nav-left
    • +
  • nav-center
    • +
  • nav-right
    • +
+

+ For responsiveness, 2 additional classes are available: +

+
    +
  • nav-toggle for the hamburger menu on mobile
    • +
  • nav-menu for menu that is collapsable on mobile (you can combine it with nav-right)
    • +
+
+ +
+ +
+ +{% highlight html %} + + +{% endhighlight %} + +
+ +

Modifiers

+ +
+
    +
  • the nav container can have a shadow by adding the has-shadow modifier
    • +
  • the nav-item can become active by adding the is-active modifier
    • +
  • the nav-item can become a tab by adding the is-tab modifier
    • +
+
+
+ +
+ +
+ +{% highlight html %} + +{% endhighlight %} + +