rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-29 21:52:22 +01:00
Code Issues Actions Packages Releases Activity

Update grid docs to use new values for grid breakpoints and containers

Browse Source
This commit is contained in:
Mark Otto 2016-10-09 13:51:05 -07:00
parent 0ba0f19003
commit 1d0d0dac76
1 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
docs/layout/grid.md
View File

@ -64,11 +64,11 @@ See how aspects of the Bootstrap grid system work across multiple devices with a
<th></th> <th></th>
<th class="text-xs-center"> <th class="text-xs-center">
Extra small<br> Extra small<br>
<small>&lt;544px</small> <small>&lt;576px</small>
</th> </th>
<th class="text-xs-center"> <th class="text-xs-center">
Small<br> Small<br>
<small>&ge;544px</small> <small>&ge;576px</small>
</th> </th>
<th class="text-xs-center"> <th class="text-xs-center">
Medium<br> Medium<br>
@ -93,9 +93,9 @@ See how aspects of the Bootstrap grid system work across multiple devices with a
<tr> <tr>
<th class="text-nowrap" scope="row">Container width</th> <th class="text-nowrap" scope="row">Container width</th>
<td>None (auto)</td> <td>None (auto)</td>
<td>576px</td> <td>540px</td>
<td>720px</td> <td>720px</td>
<td>940px</td> <td>960px</td>
<td>1140px</td> <td>1140px</td>
</tr> </tr>
<tr> <tr>
@ -154,7 +154,7 @@ $grid-breakpoints: (
// Extra small screen / phone // Extra small screen / phone
xs: 0, xs: 0,
// Small screen / phone // Small screen / phone
sm: 544px, sm: 576px,
// Medium screen / tablet // Medium screen / tablet
md: 768px, md: 768px,
// Large screen / desktop // Large screen / desktop
@ -164,9 +164,9 @@ $grid-breakpoints: (
); );
$container-max-widths: ( $container-max-widths: (
sm: 576px, sm: 540px,
md: 720px, md: 720px,
lg: 940px, lg: 960px,
xl: 1140px xl: 1140px
); );
{% endhighlight %} {% endhighlight %}
@ -512,7 +512,7 @@ $grid-breakpoints: (
$container-max-widths: ( $container-max-widths: (
sm: 420px, sm: 420px,
md: 720px, md: 720px,
lg: 940px lg: 960px
); );
{% endhighlight %} {% endhighlight %}