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
1 changed files with 12 additions and 12 deletions

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 %}