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 From 059969bcd2f71adc4411b0a14b8a6ad8ac2ab94b Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 4 Jul 2017 13:07:15 -0700 Subject: update links, new version to v3.4.0, add new baseurl for easy v3.4 building --- docs/_includes/css/grid.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/_includes/css/grid.html') diff --git a/docs/_includes/css/grid.html b/docs/_includes/css/grid.html index 509b4cec5..c226ed73c 100644 --- a/docs/_includes/css/grid.html +++ b/docs/_includes/css/grid.html @@ -292,7 +292,7 @@
.col-xs-6 .col-sm-3
{% endhighlight %} -

In addition to column clearing at responsive breakpoints, you may need to reset offsets, pushes, or pulls. See this in action in the grid example.

+

In addition to column clearing at responsive breakpoints, you may need to reset offsets, pushes, or pulls. See this in action in the grid example.

{% highlight html %}
.col-sm-5 .col-md-6
-- cgit v1.2.3