From bdb70fa471965728609d86c001384791fa44398b Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 16 Mar 2014 15:54:28 -0700 Subject: [PATCH] Fixes #13055: Mention outdenting more --- docs/css.html | 1 + 1 file changed, 1 insertion(+) diff --git a/docs/css.html b/docs/css.html index 4c91e138ac..20b00fae96 100644 --- a/docs/css.html +++ b/docs/css.html @@ -78,6 +78,7 @@ lead: "Global CSS settings, fundamental HTML elements styled and enhanced with e
  • Content should be placed within columns, and only columns may be immediate children of rows.
  • Predefined grid classes like .row and .col-xs-4 are available for quickly making grid layouts. Less mixins can also be used for more semantic layouts.
  • Columns create gutters (gaps between column content) via padding. That padding is offset in rows for the first and last column via negative margin on .rows.
  • +
  • The negative margin is why the examples below are outdented. It's so that content within grid columns is lined up with non-grid content.
  • Grid columns are created by specifying the number of twelve available columns you wish to span. For example, three equal columns would use three .col-xs-4.
  • Grid classes apply to devices with screen widths greater than or equal to the breakpoint sizes, and override grid classes targeted at smaller devices. Therefore, applying any .col-md- class to an element will not only affect its styling on medium devices but also on large devices if a .col-lg- class is not present.