如何在响应中更改div的位置？
索希尔·莎（Sohil Shah）
如图所示，我有三个div ...我想在div响应时更改div的位置...
有可能这样做吗？如何？
<div class="container-fluid">
<div class="row">
<div class="col-xs-6 col-sm-6 col-md-4 col-lg-4 text-center "><h3 class="border">Div-1</h3></div>
<div class="col-xs-6 col-sm-6 col-md-4 col-lg-4 text-center "><h3 class="border">Div-2</h3></div>
<div class="col-xs-6 col-sm-6 col-md-4 col-lg-4 text-center "><h3 class="border">Div-3</h3></div>
</div>
</div>
脱毒前体
通过使用Bootstrap默认值，您希望通过向其添加一些附加类来推入和拉出列。
<div class="container-fluid">
<div class="row">
<div class="col-sm-4 col-xs-6 text-center"><h3 class="border">Div-1</h3></div>
<div class="col-sm-4 col-xs-6 col-sm-push-4 text-center"><h3 class="border">Div-3</h3></div>
<div class="col-sm-4 col-xs-12 col-sm-pull-4 text-center"><h3 class="border">Div-2</h3></div>
</div>
关键是将第三个列移动到与第二个列交换位置，因为当第二个列下降到移动位置时，第二个列将位于底部。使用.col-sm-pull和.col-sm-push将使您能够轻松移动列，而不会因不必要的浮动样式或其他任何原因而破坏任何内容。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
如何在响应时更改div顺序？
- 2
如何在响应div中设置背景？
- 3
如何在rmarkdown中更改目录的位置？
- 4
如何在python中更改指针的位置？
- 5
如何在Android中更改ImageView的位置？
- 6
如何在WPF中更改画布的位置？
- 7
如何在NavigationBar中更改SearchBar的位置？
- 8
如何在juju中更改机器的位置？
- 9
如何在Wordpress中更改页面位置
- 10
如何在WPF中更改画布的位置？
- 11
如何在 JavaScript 中更改音频的位置？
- 12
如何在div中更改边框颜色？
- 13
如何在div中更改边框颜色？
- 14
如何在Fiddler中更改HTTP响应标头分类
- 15
如何在.asmx响应中更改元素名称？
- 16
如何在Tymon JWT包laravel中更改响应消息
- 17
如何在nodeJS的响应中更改我的真实IP地址
- 18
DRF如何在JSON响应中更改字段密钥名称
- 19
如何在.asmx响应中更改元素名称？
- 20
如何根据窗口大小更改div在html中的位置
- 21
如何根据窗口大小更改div在html中的位置
- 22
如何更改 <div> 标签中图像的相对位置
- 23
如何在更改窗口大小时使响应式div框更改大小
- 24
如何在div响应中制作图像？
- 25
如何在Ajax响应中在div内创建超链接？
- 26
如何在contenteditable div中的跨度中设置光标位置
- 27
如何在WPF中更改鼠标光标的指向位置
- 28
如何在sencha中更改面板的SLIDEIN动画的位置
- 29
如何在Android中更改蓝牙存储位置？
我来说两句