Notes on Bootstrap 3.0

navbar

  • structure of navbar
    • navbar class: it is like the main menu bar navbar navbar-default navbar-fixed-top .navbar-fixed-bottom
      • container class: it is the menu item layout
        • navbar-header class: a header for hold logo and bg
        • navbar-collapse:
          • nav: a set of link list .navbar-right

container and grid

  • .container class: fixed width container
  • .container-fluid class: full width container of entire viewport width
  • row class: it is a row
  • col-SIZE-SPAN class: it is element block (xs, sm, md, lg) (1,4,6,12)

button

dialog

form

jumbotron

header

footer

graphic icons

<li><a href="#"><span class="glyphicon glyphicon-user"></span> Sign Up</a></li>
<li><a href="#"><span class="glyphicon glyphicon-log-in"></span> Login</a></li>