小编use*_*126的帖子

Bootstrap 6列响应

我正在为我的设计使用Bootstrap布局,并且即将使其响应并节省所需的订单.例如,如下:

<div class="row">
   <div class="col-sm-4 col-md-2" >div1</div>
   <div class="col-sm-4 col-md-2" >div2</div>
   <div class="col-sm-4 col-md-2" >div3</div>
   <div class="col-sm-4 col-md-2" >div4</div>
   <div class="col-sm-4 col-md-2" >div5</div>
   <div class="col-sm-4 col-md-2" >div6</div>
</div>
Run Code Online (Sandbox Code Playgroud)

在md - viewports我会这样:

div1 div2 div3 div4 div5 div6 
Run Code Online (Sandbox Code Playgroud)

在sm视口:

div1 div2 div3
div4 div5 div6
Run Code Online (Sandbox Code Playgroud)

我怎么能重新排序列在sm-viewports上这样:

div1 div3 div5
div2 div4 div6
Run Code Online (Sandbox Code Playgroud)

换句话说 - 每个偶数列都必须向下,每个奇数列都要保持不变.可能吗?

html css responsive-design twitter-bootstrap twitter-bootstrap-3

3
推荐指数
2
解决办法
2万
查看次数