From: Geremia Taglialatela <tagliala@users.noreply.github.com>
Date: Mon, 16 Jan 2017 18:24:59 +0000 (+0100)
Subject: Fix horizontal scrollbar appearing in docs (#21747)
X-Git-Tag: v4.0.0-beta~147^2~194
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=2a45ca51061288ac9dbb7a62b74c02c699d0a88f;p=thirdparty%2Fbootstrap.git

Fix horizontal scrollbar appearing in docs (#21747)

On small screens (< 576px), all documentation pages containing
`.bd-example` styled tags, show the horizontal scrollbar because of a
wrong horizontal margin property.

This PR sets the horizontal margin on gutter width basis instead of rem.
---

diff --git a/docs/assets/scss/_component-examples.scss b/docs/assets/scss/_component-examples.scss
index cea237de0c..ab3a48dde2 100644
--- a/docs/assets/scss/_component-examples.scss
+++ b/docs/assets/scss/_component-examples.scss
@@ -83,7 +83,7 @@
 .bd-example {
   position: relative;
   padding: 1rem;
-  margin: 1rem -1rem;
+  margin: 1rem (-$grid-gutter-width-base / 2);
   border: solid #f7f7f9;
   border-width: .2rem 0 0;
   @include clearfix();