aleph1.co.uk Git - yaffs-website/blob - vendor/geedmo/yamm3/demo/jade/navbar-grid.jade

   1 // Grid demo navbar
   2 .navbar.navbar-default.yamm
   3   .navbar-header
   4     button.navbar-toggle(type='button', data-toggle='collapse', data-target='#navbar-collapse-grid')
   5       span.icon-bar
   6       span.icon-bar
   7       span.icon-bar
   8     a.navbar-brand(href='#') Yamm Megamenu
   9   #navbar-collapse-grid.navbar-collapse.collapse
  10     ul.nav.navbar-nav
  11       // Grid 12 Menu
  12       li.dropdown.yamm-fw
  13         a.dropdown-toggle(href='#', data-toggle='dropdown')
  14           | Grid
  15           b.caret
  16         ul.dropdown-menu
  17           li.grid-demo
  18             .row
  19               .col-sm-12 .col-sm-12
  20             .row
  21               .col-sm-6 .col-sm-6
  22               .col-sm-6 .col-sm-6
  23             .row
  24               .col-sm-4 .col-sm-4
  25               .col-sm-4 .col-sm-4
  26               .col-sm-4 .col-sm-4
  27             .row
  28               .col-sm-3 .col-sm-3
  29               .col-sm-3 .col-sm-3
  30               .col-sm-3 .col-sm-3
  31               .col-sm-3 .col-sm-3
  32             .row
  33               .col-sm-2 .col-sm-2
  34               .col-sm-2 .col-sm-2
  35               .col-sm-2 .col-sm-2
  36               .col-sm-2 .col-sm-2
  37               .col-sm-2 .col-sm-2
  38               .col-sm-2 .col-sm-2
  39             .row
  40               .col-sm-1 .col-sm-1
  41               .col-sm-1 .col-sm-1
  42               .col-sm-1 .col-sm-1
  43               .col-sm-1 .col-sm-1
  44               .col-sm-1 .col-sm-1
  45               .col-sm-1 .col-sm-1
  46               .col-sm-1 .col-sm-1
  47               .col-sm-1 .col-sm-1
  48               .col-sm-1 .col-sm-1
  49               .col-sm-1 .col-sm-1
  50               .col-sm-1 .col-sm-1
  51               .col-sm-1 .col-sm-1
  52       //
  53          With Offsets
  54       li.dropdown.yamm-fw
  55         a.dropdown-toggle(href='#', data-toggle='dropdown')
  56           | Offset
  57           b.caret
  58         ul.dropdown-menu
  59           li.grid-demo
  60             .row
  61               .col-sm-4 4
  62               .col-sm-4.col-sm-offset-4 4 offset 4
  63             .row
  64               .col-sm-3.col-sm-offset-3 3 offset 3
  65               .col-sm-3.col-sm-offset-3 3 offset 3
  66             .row
  67               .col-sm-6.col-sm-offset-3 6 offset 6
  68       //
  69          Aside Menu
  70       li.dropdown.yamm-fw
  71         a.dropdown-toggle(href='#', data-toggle='dropdown')
  72           | Aside
  73           b.caret
  74         ul.dropdown-menu
  75           li.grid-demo
  76             .row
  77               .col-sm-3
  78                 br
  79                 h3 3
  80                 br
  81               .col-sm-9
  82                 br
  83                 h3 9
  84                 br
  85       //
  86          Nesting Menu
  87       li.dropdown.yamm-fw
  88         a.dropdown-toggle(href='#', data-toggle='dropdown')
  89           | Nesting
  90           b.caret
  91         ul.dropdown-menu
  92           li.grid-demo
  93             .row
  94               .col-sm-12 12
  95             .row
  96               .col-sm-12 12
  97                 .row
  98                   .col-sm-4 4
  99                   .col-sm-4 4
 100                   .col-sm-4 4