diff --git a/docs/browser-bugs.html b/docs/browser-bugs.html index c4635177f1..66be73f49b 100644 --- a/docs/browser-bugs.html +++ b/docs/browser-bugs.html @@ -107,12 +107,6 @@ lead: "A list of the browser bugs that Bootstrap is currently grappling with." (No public bug tracker) #9774 - - Internet Explorer 8 - Buttons in justified button groups have no borders unless each button is wrapped in an extra button group - (No public bug tracker) - #12476 - diff --git a/docs/components.html b/docs/components.html index ad145604fa..7b8b350881 100644 --- a/docs/components.html +++ b/docs/components.html @@ -370,6 +370,11 @@ lead: "Over a dozen reusable components built to provide iconography, dropdowns,

Handling borders

Due to the specific HTML and CSS used to justify buttons (namely display: table-cell), the borders between them are doubled. In regular button groups, margin-left: -1px is used to stack the borders instead of removing them. However, margin doesn't work with display: table-cell. As a result, depending on your customizations to Bootstrap, you may wish to remove or re-color the borders.

+
+

IE8 and borders

+

Internet Explorer 8 doesn't render borders in on buttons in a justified button group, whether it's on <a> or <button> elements. To get around that, wrap each button in another .btn-group.

+

See #12476 for more information.

+

With <a> elements

Just wrap a series of .btns in .btn-group.btn-group-justified.