0
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-03-01 01:54:24 +01:00

Clarify order documentation (#29252)

This commit is contained in:
Martijn Cuppens 2019-08-16 10:23:51 +02:00 committed by XhmikosR
parent a92d29a25f
commit 361ab8063d

View File

@ -536,13 +536,13 @@ Use `.order-` classes for controlling the **visual order** of your content. Thes
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col"> <div class="col">
First, but unordered First in DOM, no order applied
</div> </div>
<div class="col order-5"> <div class="col order-5">
Second, but last Second in DOM, with a larger order
</div> </div>
<div class="col order-1"> <div class="col order-1">
Third, but first Third in DOM, with an order of 1
</div> </div>
</div> </div>
</div> </div>
@ -556,13 +556,13 @@ There are also responsive `.order-first` and `.order-last` classes that change t
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col order-last"> <div class="col order-last">
First, but last First in DOM, ordered last
</div> </div>
<div class="col"> <div class="col">
Second, but unordered Second in DOM, unordered
</div> </div>
<div class="col order-first"> <div class="col order-first">
Third, but first Third in DOM, ordered first
</div> </div>
</div> </div>
</div> </div>