diff options
| author | Mark Otto <[email protected]> | 2016-08-21 23:14:48 -0700 |
|---|---|---|
| committer | GitHub <[email protected]> | 2016-08-21 23:14:48 -0700 |
| commit | 75232e6720765fc302c3219477ab224c313bd1d8 (patch) | |
| tree | f5c1daa15295d698875b7278afaedd977d486fc1 /docs | |
| parent | c83a9ddbb9cb096c62d72b4d61a4ee546a4ebb21 (diff) | |
| parent | 98a8e9947a5d97d8be8b664b6b8c08a7c78937a2 (diff) | |
| download | bootstrap-75232e6720765fc302c3219477ab224c313bd1d8.tar.xz bootstrap-75232e6720765fc302c3219477ab224c313bd1d8.zip | |
Merge pull request #20475 from califrench/patch-1
Updated docs with extra auto resize example
Diffstat (limited to 'docs')
| -rw-r--r-- | docs/layout/flexbox-grid.md | 13 |
1 files changed, 12 insertions, 1 deletions
diff --git a/docs/layout/flexbox-grid.md b/docs/layout/flexbox-grid.md index ea4fad28b..ec5a7365e 100644 --- a/docs/layout/flexbox-grid.md +++ b/docs/layout/flexbox-grid.md @@ -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> |