From 48f1482306b8b81cf1588afcb2fdcd788e0db950 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 3 Jul 2017 09:18:28 -0700 Subject: add .row-no-gutters class fixes #15180, fixes #19107, fixes #9102, fixes #7368 --- docs/_includes/css/grid.html | 32 ++++++++++++++++++++++++++++++++ 1 file changed, 32 insertions(+) (limited to 'docs/_includes/css/grid.html') diff --git a/docs/_includes/css/grid.html b/docs/_includes/css/grid.html index 46ed46627..509b4cec5 100644 --- a/docs/_includes/css/grid.html +++ b/docs/_includes/css/grid.html @@ -306,6 +306,38 @@ {% endhighlight %} +

Remove gutters

+

Remove the gutters from a row and it's columns with the .row-no-gutters class.

+
+
.col-xs-12 .col-md-8
+
.col-xs-6 .col-md-4
+
+
+
.col-xs-6 .col-md-4
+
.col-xs-6 .col-md-4
+
.col-xs-6 .col-md-4
+
+
+
.col-xs-6
+
.col-xs-6
+
+{% highlight html %} +
+
.col-xs-12 .col-md-8
+
.col-xs-6 .col-md-4
+
+
+
.col-xs-6 .col-md-4
+
.col-xs-6 .col-md-4
+
.col-xs-6 .col-md-4
+
+
+
.col-xs-6
+
.col-xs-6
+
+{% endhighlight %} + +

Offsetting columns

Move columns to the right using .col-md-offset-* classes. These classes increase the left margin of a column by * columns. For example, .col-md-offset-4 moves .col-md-4 over four columns.

-- cgit v1.2.3