diff options
| author | Mark Otto <[email protected]> | 2014-03-09 15:32:36 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2014-03-09 15:32:36 -0700 |
| commit | 15d44940387f716ec5d2efee12bc9d9a7530ae56 (patch) | |
| tree | 8a2c09343748ffd537c094dea738e8d3788ceea8 | |
| parent | 4d870af2aad36563883ac5751f52d9f0288a0673 (diff) | |
| download | bootstrap-15d44940387f716ec5d2efee12bc9d9a7530ae56.tar.xz bootstrap-15d44940387f716ec5d2efee12bc9d9a7530ae56.zip | |
Moves IE8 justified button border mention to docs section, not the browser bugs page /cc @cvrebert
| -rw-r--r-- | docs/browser-bugs.html | 6 | ||||
| -rw-r--r-- | docs/components.html | 5 |
2 files changed, 5 insertions, 6 deletions
diff --git a/docs/browser-bugs.html b/docs/browser-bugs.html index c4635177f..66be73f49 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." <td>(No public bug tracker)</td> <td><a href="https://github.com/twbs/bootstrap/issues/9774">#9774</a></td> </tr> - <tr> - <td>Internet Explorer 8</td> - <td>Buttons in justified button groups have no borders unless each button is wrapped in an extra button group</td> - <td>(No public bug tracker)</td> - <td><a href="https://github.com/twbs/bootstrap/issues/12476">#12476</a></td> - </tr> </tbody> </table> </div> diff --git a/docs/components.html b/docs/components.html index ad145604f..7b8b35088 100644 --- a/docs/components.html +++ b/docs/components.html @@ -370,6 +370,11 @@ lead: "Over a dozen reusable components built to provide iconography, dropdowns, <h4>Handling borders</h4> <p>Due to the specific HTML and CSS used to justify buttons (namely <code>display: table-cell</code>), the borders between them are doubled. In regular button groups, <code>margin-left: -1px</code> is used to stack the borders instead of removing them. However, <code>margin</code> doesn't work with <code>display: table-cell</code>. As a result, depending on your customizations to Bootstrap, you may wish to remove or re-color the borders.</p> </div> + <div class="bs-callout bs-callout-warning"> + <h4>IE8 and borders</h4> + <p>Internet Explorer 8 doesn't render borders in on buttons in a justified button group, whether it's on <code><a></code> or <code><button></code> elements. To get around that, wrap each button in another <code>.btn-group</code>.</p> + <p>See <a href="https://github.com/twbs/bootstrap/issues/12476">#12476</a> for more information.</p> + </div> <h4>With <code><a></code> elements</h4> <p>Just wrap a series of <code>.btn</code>s in <code>.btn-group.btn-group-justified</code>.</p> |