3. What ?
« Bootstrap is the most popular
HTML, CSS, and JS framework
for developing responsive, mobile
first projects on the web. »
http://getbootstrap.com
4. Framework ?
A software framework is an abstraction in which
software providing generic functionality can be
selectively changed by additional user-written code,
thus providing application-specific software.
http://en.wikipedia.org
5. Mobile first ?
« Adapting the design process to
start by designing the mobile
version of an application first and
then going upwards. »
18. Containers (1)
« Bootstrap requires a containing
element to wrap site contents
and house our grid system. »
http://getbootstrap.com/css/#overview-container
20. Rows (1)
« Use rows to create horizontal
groups of columns. »
http://getbootstrap.com/css/#grid-intro
21. Rows (2)
Rows must be placed within a .container
or .container-fluid for proper alignment and padding.
Only columns may be immediate children of rows
23. Columns (1)
« Bootstrap includes a responsive,
mobile first fluid grid system that
appropriately scales up to 12
columns as the device or
viewport size increases »
http://getbootstrap.com/css/#grid-intro
24. Columns (2)
Content should be placed within columns
Grid columns are created by specifying the number
of twelve available columns you wish to span.
Grid classes apply to devices with screen widths
greater than or equal to the breakpoint sizes