mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-24 14:13:06 +02:00
Code Issues Releases Wiki Activity

cleanup offsets

Browse Source
This commit is contained in:
Mark Otto
2017-07-01 10:42:36 -07:00
parent 7f6479b0d9
commit 78167242b3
4 changed files with 13 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
docs/4.0/components/forms.md
View File

@@ -412,7 +412,7 @@ Be sure to add `.col-form-label` to your `<label>`s as well so they're verticall
</div> </div>
</div> </div>
<div class="form-group row"> <div class="form-group row">
<div class="offset-sm-2 col-sm-10"> <div class="col-sm-10">
<button type="submit" class="btn btn-primary">Sign in</button> <button type="submit" class="btn btn-primary">Sign in</button>
</div> </div>
</div> </div>

16
docs/4.0/components/modal.md
View File

@@ -270,14 +270,14 @@ Utilize the Bootstrap grid system within a modal by nesting `.container-fluid` w
<div class="container-fluid bd-example-row"> <div class="container-fluid bd-example-row">
<div class="row"> <div class="row">
<div class="col-md-4">.col-md-4</div> <div class="col-md-4">.col-md-4</div>
<div class="col-md-4 col-md-offset-4">.col-md-4 .col-md-offset-4</div> <div class="col-md-4 ml-auto">.col-md-4 .ml-auto</div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-md-3 col-md-offset-3">.col-md-3 .col-md-offset-3</div> <div class="col-md-3 ml-auto">.col-md-3 .ml-auto</div>
<div class="col-md-2 col-md-offset-4">.col-md-2 .col-md-offset-4</div> <div class="col-md-2 ml-auto">.col-md-2 .ml-auto</div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-md-6 col-md-offset-3">.col-md-6 .col-md-offset-3</div> <div class="col-md-6 ml-auto">.col-md-6 .ml-auto</div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-sm-9"> <div class="col-sm-9">
@@ -313,14 +313,14 @@ Utilize the Bootstrap grid system within a modal by nesting `.container-fluid` w
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-md-4">.col-md-4</div> <div class="col-md-4">.col-md-4</div>
<div class="col-md-4 col-md-offset-4">.col-md-4 .col-md-offset-4</div> <div class="col-md-4 ml-auto">.col-md-4 .ml-auto</div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-md-3 col-md-offset-3">.col-md-3 .col-md-offset-3</div> <div class="col-md-3 ml-auto">.col-md-3 .ml-auto</div>
<div class="col-md-2 col-md-offset-4">.col-md-2 .col-md-offset-4</div> <div class="col-md-2 ml-auto">.col-md-2 .ml-auto</div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-md-6 col-md-offset-3">.col-md-6 .col-md-offset-3</div> <div class="col-md-6 ml-auto">.col-md-6 .ml-auto</div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-sm-9"> <div class="col-sm-9">

6
docs/4.0/content/typography.md
View File

@@ -268,8 +268,10 @@ Align terms and descriptions horizontally by using our grid system's predefined
<dd class="col-sm-9">A description list is perfect for defining terms.</dd> <dd class="col-sm-9">A description list is perfect for defining terms.</dd>
<dt class="col-sm-3">Euismod</dt> <dt class="col-sm-3">Euismod</dt>
<dd class="col-sm-9">Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.</dd> <dd class="col-sm-9">
<dd class="col-sm-9 offset-sm-3">Donec id elit non mi porta gravida at eget metus.</dd> <p>Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.</p>
<p>Donec id elit non mi porta gravida at eget metus.</p>
</dd>
<dt class="col-sm-3">Malesuada porta</dt> <dt class="col-sm-3">Malesuada porta</dt>
<dd class="col-sm-9">Etiam porta sem malesuada magna mollis euismod.</dd> <dd class="col-sm-9">Etiam porta sem malesuada magna mollis euismod.</dd>

4
docs/4.0/layout/grid.md
View File

@@ -111,10 +111,6 @@ See how aspects of the Bootstrap grid system work across multiple devices with a
<th class="text-nowrap" scope="row">Nestable</th> <th class="text-nowrap" scope="row">Nestable</th>
<td colspan="5">Yes</td> <td colspan="5">Yes</td>
</tr> </tr>
<tr>
<th class="text-nowrap" scope="row">Offsets</th>
<td colspan="5">Yes</td>
</tr>
<tr> <tr>
<th class="text-nowrap" scope="row">Column ordering</th> <th class="text-nowrap" scope="row">Column ordering</th>
<td colspan="5">Yes</td> <td colspan="5">Yes</td>