Twitter Bootstrap

  • Scaffolding
  • Base CSS
  • Components
  • Skins

Bootstrap makes front-end web development faster and easier

Bootstrap easily and efficiently scales your project with one code base, from phones to tablets to desktops


Scaffolding

Grid System


Offsetting columns


Nesting columns


Column ordering


Recap

Bootstrap 2.x vs 3.x

Demo

Base CSS

  • normalize.css
  • * { box-sizing: border-box; }
  • Basic styles for h1-h6, p, small, strong, address, abbr etc



Components


Skins


Hometask

  • Product list stylization
  • User profile stylization
  • Choose and apply skin



Twitter Bootstrap

By Vladimir Gaevoy

Twitter Bootstrap

  • 1,777