www.aleph1.co.uk Git - yaffs-website/blob - vendor/twbs/bootstrap-sass/test/dummy_rails/app/views/pages/root.html.slim

   1 .navbar.navbar-inverse: .container-fluid
   2   .navbar-header
   3     button.navbar-toggle.collapsed type="button" data-toggle="collapse" data-target="#c1"
   4       span.sr-only Toggle navigation
   5       span.icon-bar
   6       span.icon-bar
   7       span.icon-bar
   8     a.navbar-brand href="#" Bootstrap for Sass Test Rails App
   9   .collapse.navbar-collapse#c1
  10     ul.nav.navbar-nav
  11       li.active: a href="#"
  12         ' Home
  13         span.sr-only (current)
  14       li: a href="#" Link
  15       li.dropdown
  16         a.dropdown-toggle href="#" data-toggle="dropdown" role="button" aria-expanded="false"
  17           ' Dropdown
  18           span.caret
  19         ul.dropdown-menu role="menu"
  20           li: a href="#" Action
  21           li: a href="#" Another action
  22           li: a href="#" Something else here
  23           li.divider
  24           li: a href="#" Separated link
  25           li.divider
  26           li: a href="#" One more separated link
  27     form.navbar-form.navbar-left role="search"
  28       .input-group
  29         input.form-control type="search" placeholder="Search..."
  30         .input-group-btn: button.btn.btn-primary type="submit" Go
  31     ul.nav.navbar-nav.navbar-right
  32       li: a href="#" Link
  33       li.dropdown
  34         a.dropdown-toggle href="#" data-toggle="dropdown" role="button" aria-expanded="false"
  35           ' Dropdown
  36           span.caret
  37         ul.dropdown-menu role="menu"
  38           li: a href="#" Action
  39           li: a href="#" Another action
  40           li: a href="#" Something else here
  41           li.divider
  42           li: a href="#" Separated link
  43
  44 .container
  45   .panel.panel-primary
  46     .panel-heading: h1 Dummy App
  47     .panel-body: .row
  48       .col-sm-3
  49         h2 3 columns
  50         ul.list-group
  51           li.list-group-item: a href='#one' One
  52           li.list-group-item: a href='#two' Two
  53           li.list-group-item: a href='#three' Three
  54       .col-sm-3
  55         h2 3 columns
  56         .btn-group
  57           button.btn.btn-primary type='button' Button
  58           button.btn.btn-primary type='button' Button
  59         h2 Icons
  60         ul.list-inline
  61           li: i.glyphicon.glyphicon-user
  62           li: i.glyphicon.glyphicon-bullhorn
  63           li: i.glyphicon.glyphicon-tint
  64         table.table
  65           caption Table
  66           tr
  67             td.danger Danger!
  68             td.success Success!
  69       .col-sm-6
  70         h2 6 columns
  71         .panel.panel-primary: .panel-body
  72           .row
  73             .col-xs-4.col-xs-push-4
  74               .panel.panel-default: h3 This is col-xs-4 col-xs-push-4
  75
  76           form.form-inline
  77             .form-group
  78               label.sr-only for="exampleInputEmail2" Email address
  79               input.form-control#exampleInputEmail2 type="email" placeholder="Enter email"
  80             .checkbox
  81               label
  82                 input type="checkbox"
  83                 |  Remember me
  84             button.btn.btn-default type="submit" Sign in