For example if my columns view is for large screen
------1-(col-lg-4)---------|--------2-(col-lg-4)-------|----3-(col-lg-4)--------
I need to change the view of the column in bootstrap as per my order. How i can change using the col function?
---------1(col-md-6)-----------|----------3(col-md-6)----------
--------------------2(col-md-12)--------------------
First, a warning: Bootstrap isn't the most robust for moving content around responsively. If you can drop old browser support, you will have more reliable support from Flexbox.
I believe this is what you are looking for:
<div class="row">
<div class="col-lg-4 col-sm-6"> <span>col 1</span> </div>
<div class="col-lg-4 col-lg-push-4 col-sm-6"> <span>col 3</span> </div>
<div class="col-lg-4 col-lg-pull-4 col-sm-12"> <span>col 2</span> </div>
</div>
ご覧のとおり、ドキュメント内のコードの順序は異なりますが、上記でマップした順序になります。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加