Skip to content

Commit c33169a

Browse files
mdomdo
committed
fixes twbs#5572: document .input-block-level
1 parent ba2a99e commit c33169a

File tree

3 files changed

+34
-12
lines changed

3 files changed

+34
-12
lines changed

‎docs/assets/css/bootstrap.css

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -2838,11 +2838,11 @@ table th[class*="span"],
28382838
color: #333333;
28392839
text-decoration: none;
28402840
background-color: #0081c2;
2841-
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
28422841
background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
2843-
background-image: linear-gradient(to bottom, #0088cc, #0077b3);
2842+
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
28442843
background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
28452844
background-image: -o-linear-gradient(top, #0088cc, #0077b3);
2845+
background-image: linear-gradient(to bottom, #0088cc, #0077b3);
28462846
background-repeat: repeat-x;
28472847
outline: 0;
28482848
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
@@ -3059,16 +3059,16 @@ button.close {
30593059
cursor: pointer;
30603060
background-color: #f5f5f5;
30613061
*background-color: #e6e6e6;
3062+
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
30623063
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
30633064
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
30643065
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
30653066
background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
3066-
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
30673067
background-repeat: repeat-x;
30683068
border: 1px solid #bbbbbb;
30693069
*border: 0;
3070-
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
30713070
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
3071+
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
30723072
border-bottom-color: #a2a2a2;
30733073
-webkit-border-radius: 4px;
30743074
-moz-border-radius: 4px;
@@ -3216,11 +3216,11 @@ input[type="button"].btn-block {
32163216
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
32173217
background-color: #006dcc;
32183218
*background-color: #0044cc;
3219+
background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
32193220
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
32203221
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
32213222
background-image: -o-linear-gradient(top, #0088cc, #0044cc);
32223223
background-image: linear-gradient(to bottom, #0088cc, #0044cc);
3223-
background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
32243224
background-repeat: repeat-x;
32253225
border-color: #0044cc #0044cc #002a80;
32263226
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
@@ -3248,11 +3248,11 @@ input[type="button"].btn-block {
32483248
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
32493249
background-color: #faa732;
32503250
*background-color: #f89406;
3251+
background-image: -moz-linear-gradient(top, #fbb450, #f89406);
32513252
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
32523253
background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
32533254
background-image: -o-linear-gradient(top, #fbb450, #f89406);
32543255
background-image: linear-gradient(to bottom, #fbb450, #f89406);
3255-
background-image: -moz-linear-gradient(top, #fbb450, #f89406);
32563256
background-repeat: repeat-x;
32573257
border-color: #f89406 #f89406 #ad6704;
32583258
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
@@ -3280,11 +3280,11 @@ input[type="button"].btn-block {
32803280
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
32813281
background-color: #da4f49;
32823282
*background-color: #bd362f;
3283+
background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
32833284
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
32843285
background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
32853286
background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
32863287
background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
3287-
background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
32883288
background-repeat: repeat-x;
32893289
border-color: #bd362f #bd362f #802420;
32903290
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
@@ -3312,11 +3312,11 @@ input[type="button"].btn-block {
33123312
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
33133313
background-color: #5bb75b;
33143314
*background-color: #51a351;
3315+
background-image: -moz-linear-gradient(top, #62c462, #51a351);
33153316
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
33163317
background-image: -webkit-linear-gradient(top, #62c462, #51a351);
33173318
background-image: -o-linear-gradient(top, #62c462, #51a351);
33183319
background-image: linear-gradient(to bottom, #62c462, #51a351);
3319-
background-image: -moz-linear-gradient(top, #62c462, #51a351);
33203320
background-repeat: repeat-x;
33213321
border-color: #51a351 #51a351 #387038;
33223322
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
@@ -3344,11 +3344,11 @@ input[type="button"].btn-block {
33443344
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
33453345
background-color: #49afcd;
33463346
*background-color: #2f96b4;
3347+
background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
33473348
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
33483349
background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
33493350
background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
33503351
background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
3351-
background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
33523352
background-repeat: repeat-x;
33533353
border-color: #2f96b4 #2f96b4 #1f6377;
33543354
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
@@ -3376,11 +3376,11 @@ input[type="button"].btn-block {
33763376
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
33773377
background-color: #363636;
33783378
*background-color: #222222;
3379+
background-image: -moz-linear-gradient(top, #444444, #222222);
33793380
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
33803381
background-image: -webkit-linear-gradient(top, #444444, #222222);
33813382
background-image: -o-linear-gradient(top, #444444, #222222);
33823383
background-image: linear-gradient(to bottom, #444444, #222222);
3383-
background-image: -moz-linear-gradient(top, #444444, #222222);
33843384
background-repeat: repeat-x;
33853385
border-color: #222222 #222222 #000000;
33863386
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
@@ -4449,11 +4449,11 @@ input[type="submit"].btn.btn-mini {
44494449
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
44504450
background-color: #ededed;
44514451
*background-color: #e5e5e5;
4452+
background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5);
44524453
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5));
44534454
background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5);
44544455
background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5);
44554456
background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5);
4456-
background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5);
44574457
background-repeat: repeat-x;
44584458
border-color: #e5e5e5 #e5e5e5 #bfbfbf;
44594459
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
@@ -4697,11 +4697,11 @@ input[type="submit"].btn.btn-mini {
46974697
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
46984698
background-color: #0e0e0e;
46994699
*background-color: #040404;
4700+
background-image: -moz-linear-gradient(top, #151515, #040404);
47004701
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404));
47014702
background-image: -webkit-linear-gradient(top, #151515, #040404);
47024703
background-image: -o-linear-gradient(top, #151515, #040404);
47034704
background-image: linear-gradient(to bottom, #151515, #040404);
4704-
background-image: -moz-linear-gradient(top, #151515, #040404);
47054705
background-repeat: repeat-x;
47064706
border-color: #040404 #040404 #000000;
47074707
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

‎docs/base-css.html

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1337,6 +1337,17 @@ <h4>Search form</h4>
13371337
<h3>Control sizing</h3>
13381338
<p>Use relative sizing classes like <code>.input-large</code> or match your inputs to the grid column sizes using <code>.span*</code> classes.</p>
13391339

1340+
<h4>Block level inputs</h4>
1341+
<p>Make any <code>&lt;input&gt;</code> or <code>&lt;textarea&gt;</code> element behave like a block level element.</p>
1342+
<form class="bs-docs-example" style="padding-bottom: 15px;">
1343+
<div class="controls">
1344+
<input class="input-block-level" type="text" placeholder=".input-block-level">
1345+
</div>
1346+
</form>
1347+
<pre class="prettyprint linenums">
1348+
&lt;input class="input-block-level" type="text" placeholder=".input-block-level"&gt;
1349+
</pre>
1350+
13401351
<h4>Relative sizing</h4>
13411352
<form class="bs-docs-example" style="padding-bottom: 15px;">
13421353
<div class="controls docs-input-sizes">

‎docs/templates/pages/base-css.mustache

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1274,6 +1274,17 @@
12741274
<h3>{{_i}}Control sizing{{/i}}</h3>
12751275
<p>{{_i}}Use relative sizing classes like <code>.input-large</code> or match your inputs to the grid column sizes using <code>.span*</code> classes.{{/i}}</p>
12761276

1277+
<h4>{{_i}}Block level inputs{{/i}}</h4>
1278+
<p>{{_i}}Make any <code>&lt;input&gt;</code> or <code>&lt;textarea&gt;</code> element behave like a block level element.{{/i}}</p>
1279+
<form class="bs-docs-example" style="padding-bottom: 15px;">
1280+
<div class="controls">
1281+
<input class="input-block-level" type="text" placeholder=".input-block-level">
1282+
</div>
1283+
</form>
1284+
<pre class="prettyprint linenums">
1285+
&lt;input class="input-block-level" type="text" placeholder=".input-block-level"&gt;
1286+
</pre>
1287+
12771288
<h4>{{_i}}Relative sizing{{/i}}</h4>
12781289
<form class="bs-docs-example" style="padding-bottom: 15px;">
12791290
<div class="controls docs-input-sizes">

0 commit comments

Comments
 (0)