mirrors/bootstrap
2
0
Fork 0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-14 18:42:30 +03:00
Code Activity

remove old flex utils, update docs to match

Browse Source
This commit is contained in:
Mark Otto
2016-12-23 13:31:09 -08:00
committed by Mark Otto
parent 378aa6667b
commit 9d13fd3fe3
7 changed files with 21 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/layout/grid.md
+13 -13
View File
@@ -204,7 +204,7 @@ Using the `col-{breakpoint}-auto` classes, columns can size itself based on the
<div class="bd-example-row">
{% example html %}
<div class="container">
<div class="row flex-items-md-center">
<div class="row justify-content-md-center">
<div class="col col-lg-2">
1 of 3
</div>
@@ -304,10 +304,10 @@ Use flexbox alignment utilities to vertically and horizontally align columns.
### Vertical alignment
<div class="bd-example-row">
<div class="bd-example-row bd-example-row-flex-cols">
{% example html %}
<div class="container">
<div class="row flex-items-top">
<div class="row align-items-start">
<div class="col">
One of three columns
</div>
@@ -318,7 +318,7 @@ Use flexbox alignment utilities to vertically and horizontally align columns.
One of three columns
</div>
</div>
<div class="row flex-items-middle">
<div class="row align-items-center">
<div class="col">
One of three columns
</div>
@@ -329,7 +329,7 @@ Use flexbox alignment utilities to vertically and horizontally align columns.
One of three columns
</div>
</div>
<div class="row flex-items-bottom">
<div class="row align-items-end">
<div class="col">
One of three columns
</div>
@@ -348,13 +348,13 @@ Use flexbox alignment utilities to vertically and horizontally align columns.
{% example html %}
<div class="container">
<div class="row">
<div class="col flex-top">
<div class="col align-self-start">
One of three columns
</div>
<div class="col flex-middle">
<div class="col align-self-center">
One of three columns
</div>
<div class="col flex-bottom">
<div class="col align-self-end">
One of three columns
</div>
</div>
@@ -367,7 +367,7 @@ Use flexbox alignment utilities to vertically and horizontally align columns.
<div class="bd-example-row">
{% example html %}
<div class="container">
<div class="row flex-items-left">
<div class="row justify-content-start">
<div class="col-4">
One of two columns
</div>
@@ -375,7 +375,7 @@ Use flexbox alignment utilities to vertically and horizontally align columns.
One of two columns
</div>
</div>
<div class="row flex-items-center">
<div class="row justify-content-center">
<div class="col-4">
One of two columns
</div>
@@ -383,7 +383,7 @@ Use flexbox alignment utilities to vertically and horizontally align columns.
One of two columns
</div>
</div>
<div class="row flex-items-right">
<div class="row justify-content-end">
<div class="col-4">
One of two columns
</div>
@@ -391,7 +391,7 @@ Use flexbox alignment utilities to vertically and horizontally align columns.
One of two columns
</div>
</div>
<div class="row flex-items-around">
<div class="row justify-content-around">
<div class="col-4">
One of two columns
</div>
@@ -399,7 +399,7 @@ Use flexbox alignment utilities to vertically and horizontally align columns.
One of two columns
</div>
</div>
<div class="row flex-items-between">
<div class="row justify-content-between">
<div class="col-4">
One of two columns
</div>