我正在为我的设计使用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