mirror of
https://github.com/twbs/bootstrap.git
synced 2025-02-19 16:54:24 +01:00
Updated docs with extra auto resize example
I updated the doc with an example of a flex layout of 3 columns where the center column is specified as a `.col-xs-5` to show that other columns will resize no matter what the width of the center column. Experienced bootstrap developers will expect to have to use an even number for the center column width when in reality any size will work. I believe this is quite useful information and doesn't add too much to the docs. Another option would be to make that initial example a `.col-xs-5` instead of a `.col-xs-6` to highlight this fact in the first place.
This commit is contained in:
parent
0416f761dd
commit
98a8e9947a
@ -59,7 +59,7 @@ When flexbox support is enabled, you can utilize breakpoint-specific column clas
|
||||
{% endexample %}
|
||||
</div>
|
||||
|
||||
Auto-layout for flexbox grid columns also means you can set the width of one column and the others will automatically resize around it. You may use predefined grid classes (as shown below), grid mixins, or inline widths.
|
||||
Auto-layout for flexbox grid columns also means you can set the width of one column and the others will automatically resize around it. You may use predefined grid classes (as shown below), grid mixins, or inline widths. Note that the other columns will resize no matter the width of the center column.
|
||||
|
||||
<div class="bd-example-row">
|
||||
{% example html %}
|
||||
@ -75,6 +75,17 @@ Auto-layout for flexbox grid columns also means you can set the width of one col
|
||||
3 of 3
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs">
|
||||
1 of 3
|
||||
</div>
|
||||
<div class="col-xs-5">
|
||||
2 of 3 (wider)
|
||||
</div>
|
||||
<div class="col-xs">
|
||||
3 of 3
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endexample %}
|
||||
</div>
|
||||
|
Loading…
x
Reference in New Issue
Block a user