diff --git a/_config.yml b/_config.yml
index d999358724617da06f15cc12f19f146b6d246107..ddef7b2b9e910006aaae95444acebbc4ee1dab52 100644
--- a/_config.yml
+++ b/_config.yml
@@ -9,4 +9,3 @@ permalink: pretty
source: ./docs
destination: ./_gh_pages
port: 9001
-url: http://getbootstrap.dev:9001
diff --git a/docs/components.html b/docs/components.html
index 48c7411d04437bb34ab87ed8accfceeb1048b4ca..7768fccf37a2734e8f62c28b482ecc314124f920 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -482,6 +482,11 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na
</div>
<p class="lead">Group a series of buttons together on a single line with the button group. Add on optional JavaScript radio and checkbox style behavior with <a href="./javascript.html#buttons">our buttons plugin</a>.</p>
+ <div class="bs-callout">
+ <h4>Tooltips & popovers in button groups require special setting</h4>
+ <p>When using tooltips or popovers on elements within a <code>.btn-group</code>, you'll have to specify the option <code>container: 'body'</code> to avoid unwanted side effects (such as the element growing wider and/or losing its rounded corners when the tooltip or popover is triggered).</p>
+ </div>
+
<h3 id="btn-groups-single">Basic button group</h3>
<p>Wrap a series of buttons with <code>.btn</code> in <code>.btn-group</code>.</p>
<div class="bs-example">
diff --git a/docs/css.html b/docs/css.html
index f73be9ac899ceb4958d0827043068881cdc4e6b2..9c85d35f68a402bf461d9685757130f42b183f44 100644
--- a/docs/css.html
+++ b/docs/css.html
@@ -1494,12 +1494,16 @@ For example, <code><section></code> should be wrapped as inline.
<p>Adding on top of existing browser controls, Bootstrap includes other useful form components.</p>
<h3 id="forms-input-groups">Input groups</h3>
- <p>Add text or buttons before, after, or on both sides of any text-based input. Use <code>.input-group</code> with a <code>.add-on</code> to prepend or append elements to an <code><input></code>.</p>
+ <p>Add text or buttons before, after, or on both sides of any text-based input. Use <code>.input-group</code> with an <code>.add-on</code> to prepend or append elements to an <code><input></code>.</p>
<div class="bs-callout">
<h4>Cross-browser compatibility</h4>
<p>Avoid using <code><select></code> elements here as they cannot be fully styled in WebKit browsers.</p>
</div>
+ <div class="bs-callout">
+ <h4>Tooltips & popovers in input groups require special setting</h4>
+ <p>When using tooltips or popovers on elements within an <code>.input-group</code>, you'll have to specify the option <code>container: 'body'</code> to avoid unwanted side effects (such as the element growing wider and/or losing its rounded corners when the tooltip or popover is triggered).</p>
+ </div>
<form class="bs-example bs-example-form">
<div class="input-group col-lg-9">
diff --git a/docs/javascript.html b/docs/javascript.html
index 58759260013c48fddcd4f0fac89b96cc2a727435..4a45886b899d6d4c233d2fa3ae0024043929b129 100644
--- a/docs/javascript.html
+++ b/docs/javascript.html
@@ -751,9 +751,10 @@ $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
</ul>
</div><!-- /example -->
-
- <h3>Tooltips in input groups</h3>
- <p>When using tooltips and popovers with the Bootstrap input groups, you'll have to set the <code>container</code> (documented below) option to avoid unwanted side effects.</p>
+ <div class="bs-callout">
+ <h4>Tooltips in button groups and input groups require special setting</h4>
+ <p>When using tooltips on elements within a <code>.btn-group</code> or an <code>.input-group</code>, you'll have to specify the option <code>container: 'body'</code> (documented below) to avoid unwanted side effects (such as the element growing wider and/or losing its rounded corners when the tooltip is triggered).</p>
+ </div>
<hr class="bs-docs-separator">
@@ -880,6 +881,10 @@ $('#example').tooltip(options)
<h4>Plugin dependency</h4>
<p>Popovers require the <a href="#tooltips">tooltip plugin</a> to be included in your version of Bootstrap.</p>
</div>
+ <div class="bs-callout">
+ <h4>Popovers in button groups and input groups require special setting</h4>
+ <p>When using popovers on elements within a <code>.btn-group</code> or an <code>.input-group</code>, you'll have to specify the option <code>container: 'body'</code> (documented below) to avoid unwanted side effects (such as the element growing wider and/or losing its rounded corners when the popover is triggered).</p>
+ </div>
<h3>Static popover</h3>
<p>Four options are available: top, right, bottom, and left aligned.</p>
@@ -1011,7 +1016,7 @@ $('#example').tooltip(options)
<td>string | false</td>
<td>false</td>
<td>
- <p>Appends the popover to a specific element <code>container: 'body'</code></p>
+ <p>Appends the popover to a specific element. Example: <code>container: 'body'</code></p>
</td>
</tr>
</tbody>
diff --git a/less/responsive-utilities.less b/less/responsive-utilities.less
index 65fdc3d1334dd327130a2a226f45415c015d076e..21e5d7556dc16127b0f83e15269c5c953dafb55c 100644
--- a/less/responsive-utilities.less
+++ b/less/responsive-utilities.less
@@ -29,25 +29,25 @@
// Hide from screenreaders and browsers
// Credit: HTML5 Boilerplate
.hidden {
- display: none;
- visibility: hidden;
+ display: none !important;
+ visibility: hidden !important;
}
// Visibility utilities
// For Phones
.visible-sm {
- .responsive-visibility;
+ .responsive-visibility();
}
.visible-md { display: none !important; }
.visible-lg { display: none !important; }
.hidden-sm { display: none !important; }
.hidden-md {
- .responsive-visibility;
+ .responsive-visibility();
}
.hidden-lg {
- .responsive-visibility;
+ .responsive-visibility();
}
@@ -55,16 +55,16 @@
@media (min-width: @screen-tablet) and (max-width: @screen-tablet-max) {
.visible-sm { display: none !important; }
.visible-md {
- .responsive-visibility;
+ .responsive-visibility();
}
.visible-lg { display: none !important; }
.hidden-sm {
- .responsive-visibility;
+ .responsive-visibility();
}
.hidden-md { display: none !important; }
.hidden-lg {
- .responsive-visibility;
+ .responsive-visibility();
}
}
@@ -73,14 +73,14 @@
.visible-sm { display: none !important; }
.visible-md { display: none !important; }
.visible-lg {
- .responsive-visibility;
+ .responsive-visibility();
}
.hidden-sm {
- .responsive-visibility;
+ .responsive-visibility();
}
.hidden-md {
- .responsive-visibility;
+ .responsive-visibility();
}
.hidden-lg { display: none !important; }
}
@@ -91,7 +91,7 @@
@media print {
.visible-print {
- .responsive-visibility;
+ .responsive-visibility();
}
.hidden-print { display: none !important; }
}