Dano Manion

Bootstrap Notes

URL

Bootstrap Official Website

General

  • Has a lot of features
  • Is grid-based up to 12 columns
  • Very Popular
  • It’s pretty straight forward, read the DOCS

Button

  • <a class="btn btn-default" href="#" role="button">Buy!</a>
  • <a class="btn btn-primary btn-lg btn-block" href="#" role="button">Buy!</a>

Grids

  • The grid is split into 12 columns

      6 | 6                             // col-md-6;
      4 | 4 | 4                         // col-md-4;
      3 | 3 | 3 | 3                     // etc ...
      2 | 2 | 2 | 2 | 2 | 2             
      1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1
    
  • 4 grids for display sizes (xs,sm,md,lg)
  • You can mix and match layouts

  • Layouts need to be wrapped with <div class="container"></div>

Adding Components

  • Features that enable us to add functionality into our application. (most need JS)
  • Examples
    • Menu
    • Glyphs
    • etc

Sources

  1. [BlondieBytes - Bootstrap in 5 minutes Responsive Website Tutorial Code in 5](https://youtu.be/yalxT0PEx8c)