Difference between revisions of "Bootstrap grid"
From Wiki @ Karl Jones dot com
Karl Jones (Talk | contribs) (Created page with "In Bootstrap (framework), the '''grid''' is a page layout structure. == Description == The Bootstrap grid is based on units of twelve. The entire width of the brows...") |
Karl Jones (Talk | contribs) (→External links) |
||
| Line 36: | Line 36: | ||
Coming soon. | Coming soon. | ||
| + | |||
| + | == See also == | ||
| + | |||
| + | * [[Bootstrap (framework)]] | ||
| + | * [[Web page layout]] | ||
== External links == | == External links == | ||
* [http://www.w3schools.com/bootstrap/bootstrap_grid_basic.asp Bootstrap grid] @ w3schools.com | * [http://www.w3schools.com/bootstrap/bootstrap_grid_basic.asp Bootstrap grid] @ w3schools.com | ||
Revision as of 14:20, 9 February 2016
In Bootstrap (framework), the grid is a page layout structure.
Contents
Description
The Bootstrap grid is based on units of twelve.
The entire width of the browser is divided up into units twelve.
Columns
To create columns in Bootstrap, divide up twelve in different ways.
For example:
- 6 + 6 = two equal columns
- 8 + 4 = wider column, narrower column
- 4 + 8 = narrower column, widerer column
- 4 + 4 + 4 = three equal columns
Display sizes
The Bootstrap grid provides for four different device display sizes:
- Mobile phone
- Tablet
- Laptop / Desktop
- Wide desktop
How it's done
It's done by adding class values to HTML elements in your page.
The class values are built into Bootstrap. Learn these values and how to use them.
Examples
Coming soon.
See also
External links
- Bootstrap grid @ w3schools.com
