1
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-14 17:44:15 +02:00

use .col-xs-* in "Forms: Column Sizing" docs so more responsive

This commit is contained in:
Chris Rebert
2013-09-30 10:52:57 -07:00
parent 7247527f04
commit 0b8a3e65aa

View File

@@ -1985,28 +1985,28 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
<div class="bs-example"> <div class="bs-example">
<form role="form"> <form role="form">
<div class="row"> <div class="row">
<div class="col-lg-2"> <div class="col-xs-2">
<input type="text" class="form-control" placeholder=".col-lg-2"> <input type="text" class="form-control" placeholder=".col-xs-2">
</div> </div>
<div class="col-lg-3"> <div class="col-xs-3">
<input type="text" class="form-control" placeholder=".col-lg-3"> <input type="text" class="form-control" placeholder=".col-xs-3">
</div> </div>
<div class="col-lg-4"> <div class="col-xs-4">
<input type="text" class="form-control" placeholder=".col-lg-4"> <input type="text" class="form-control" placeholder=".col-xs-4">
</div> </div>
</div> </div>
</form> </form>
</div><!-- /.bs-example --> </div><!-- /.bs-example -->
{% highlight html %} {% highlight html %}
<div class="row"> <div class="row">
<div class="col-lg-2"> <div class="col-xs-2">
<input type="text" class="form-control" placeholder=".col-lg-2"> <input type="text" class="form-control" placeholder=".col-xs-2">
</div> </div>
<div class="col-lg-3"> <div class="col-xs-3">
<input type="text" class="form-control" placeholder=".col-lg-3"> <input type="text" class="form-control" placeholder=".col-xs-3">
</div> </div>
<div class="col-lg-4"> <div class="col-xs-4">
<input type="text" class="form-control" placeholder=".col-lg-4"> <input type="text" class="form-control" placeholder=".col-xs-4">
</div> </div>
</div> </div>
{% endhighlight %} {% endhighlight %}