Fixes #13141: Add a max-width: 100%; to label elements so IE8 wraps text

6f6bce59 · Mark Otto · 5c2a9fc9 · 6f6bce59 · 6f6bce59 · 6f6bce59
Commit 6f6bce59 authored 11 years ago by Mark Otto
Hide whitespace changes
Inline Side-by-side

Showing

with 8 additions and 5 deletions
+8 -5
--- a/dist/css/bootstrap-rtl.css
+++ b/dist/css/bootstrap-rtl.css
@@ -2976,6 +2976,7 @@ legend {

 label {
  display: inline-block;
+  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
 }

--- a/dist/css/bootstrap-rtl.min.css
+++ b/dist/css/bootstrap-rtl.min.css
--- a/dist/css/bootstrap.css
+++ b/dist/css/bootstrap.css
@@ -2285,6 +2285,7 @@ legend {
 }
 label {
  display: inline-block;
+  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
 }

--- a/dist/css/bootstrap.css.map
+++ b/dist/css/bootstrap.css.map
--- a/dist/css/bootstrap.min.css
+++ b/dist/css/bootstrap.min.css
--- a/docs/assets/js/customize.min.js
+++ b/docs/assets/js/customize.min.js
--- a/docs/dist/css/bootstrap-rtl.min.css
+++ b/docs/dist/css/bootstrap-rtl.min.css
--- a/docs/dist/css/bootstrap.css.map
+++ b/docs/dist/css/bootstrap.css.map
--- a/docs/dist/css/bootstrap.min.css
+++ b/docs/dist/css/bootstrap.min.css
--- a/less/forms.less
+++ b/less/forms.less
@@ -31,6 +31,7 @@ legend {

 label {
  display: inline-block;
+  max-width: 100%; // Force IE8 to wrap long content (see #13141)
  margin-bottom: 5px;
  font-weight: bold;
 }