Bootstrap Stuff

by Scott, Revised on December 11, 2015 (Web Development)

Helpful Links

Default Styles

h1 - font-size: 36px; line-height: 1.1; margin: 20px 0 10px 0;

h2 - font-size: 30px; line-height: 1.1; margin: 20px 0 10px 0;

h3 - font-size: 24px; line-height: 1.1; margin: 20px 0 10px 0;

h4 - font-size: 18px; line-height: 1.1; margin: 10px 0;

h5 - font-size: 14px; line-height: 1.1; margin: 10px 0;

h6 - font-size: 12px; line-height: 1.1; margin: 10px 0;

p - font-size: 14px; line-height: 1.42857143; margin: 0 0 10px 0;

ul - margin: 0 0 10px 0; padding-left: 40px;

ol - margin: 0 0 10px 0; padding-left: 40px;

li - font-size: 14px; line-height: 1.42857143;

12 Column Grid

.col-xs-* - Phones (<768px)

.col-sm-* - Tablets (>=768px - <992px)

.col-md-* - Desktops (>=992px - <1200px)

.col-lg-* - Big desktops (>=1200px)

Notes

Uses box-sizing: border-box

No padding on h1-6, p and li items.

Spacing between h1-6, p, ul, ol and li is controlled by margins.

ol & ul spacing controlled by padding-left.

class="img-responsive" - display: block; max-width: 100%; and height: auto;

css column selector: [class*="col"]

Tags: Web Development