Fixes #8732: unfucks disabled fieldset form example with form groups
This commit is contained in:
parent
bfe76273a0
commit
844df9e001
30
css.html
30
css.html
|
@ -1550,12 +1550,18 @@ For example, <code><section></code> should be wrapped as inline.
|
||||||
<p>While Bootstrap will apply these styles in all browsers, Internet Explorer 9 and below don't actually support the <code>disabled</code> attribute on a <code><fieldset></code>. Use custom JavaScript to disable the fieldset in these browsers.</p>
|
<p>While Bootstrap will apply these styles in all browsers, Internet Explorer 9 and below don't actually support the <code>disabled</code> attribute on a <code><fieldset></code>. Use custom JavaScript to disable the fieldset in these browsers.</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<form class="bs-example form-inline">
|
<form class="bs-example">
|
||||||
<fieldset disabled>
|
<fieldset disabled>
|
||||||
<input type="text" class="form-control" placeholder="Disabled input">
|
<div class="form-group">
|
||||||
<select class="form-control">
|
<label for="disabledInput">Disabled input</label>
|
||||||
<option>Disabled select</option>
|
<input type="text" id="disabledInput" class="form-control" placeholder="Disabled input">
|
||||||
</select>
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="disabledInput">Disabled select menu</label>
|
||||||
|
<select id="disabledSelect" class="form-control">
|
||||||
|
<option>Disabled select</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
<div class="checkbox">
|
<div class="checkbox">
|
||||||
<label>
|
<label>
|
||||||
<input type="checkbox"> Can't check this
|
<input type="checkbox"> Can't check this
|
||||||
|
@ -1567,10 +1573,16 @@ For example, <code><section></code> should be wrapped as inline.
|
||||||
{% highlight html %}
|
{% highlight html %}
|
||||||
<form class="form-inline">
|
<form class="form-inline">
|
||||||
<fieldset disabled>
|
<fieldset disabled>
|
||||||
<input type="text" class="form-control" placeholder="Disabled input">
|
<div class="form-group">
|
||||||
<select class="form-control">
|
<label for="disabledInput">Disabled input</label>
|
||||||
<option>Disabled select</option>
|
<input type="text" id="disabledInput" class="form-control" placeholder="Disabled input">
|
||||||
</select>
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="disabledInput">Disabled select menu</label>
|
||||||
|
<select id="disabledSelect" class="form-control">
|
||||||
|
<option>Disabled select</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
<div class="checkbox">
|
<div class="checkbox">
|
||||||
<label>
|
<label>
|
||||||
<input type="checkbox"> Can't check this
|
<input type="checkbox"> Can't check this
|
||||||
|
|
|
@ -2874,7 +2874,6 @@ button.close {
|
||||||
.nav-collapse-scrollable {
|
.nav-collapse-scrollable {
|
||||||
max-height: 360px;
|
max-height: 360px;
|
||||||
margin-bottom: 15px;
|
margin-bottom: 15px;
|
||||||
overflow-x: hidden;
|
|
||||||
overflow-y: scroll;
|
overflow-y: scroll;
|
||||||
-webkit-overflow-scrolling: touch;
|
-webkit-overflow-scrolling: touch;
|
||||||
}
|
}
|
||||||
|
|
File diff suppressed because one or more lines are too long
|
@ -106,7 +106,6 @@
|
||||||
margin-bottom: @navbar-padding-vertical;
|
margin-bottom: @navbar-padding-vertical;
|
||||||
max-height: 360px;
|
max-height: 360px;
|
||||||
overflow-y: scroll;
|
overflow-y: scroll;
|
||||||
overflow-x: hidden;
|
|
||||||
-webkit-overflow-scrolling: touch;
|
-webkit-overflow-scrolling: touch;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue