小编ted*_*edw的帖子

如何用Twitter Bootstrap 3"包装"div?

对于"sm"和更小,我希望div显示为:

[ A ]
[ B ]
[ C ]
[ D ]
[ E ]
[ F ]
Run Code Online (Sandbox Code Playgroud)

对于"md"和更大,我希望div显示为:

[ A ] [ D ]
[ B ] [ E ]
[ C ] [ F ]
Run Code Online (Sandbox Code Playgroud)

其中A与D对齐,B与E对齐,C与F对齐等.

Bootstrap有可能吗?

我意识到我能做到:

<div class="col-md-6">
  <div id="A"></div>
  <div id="B"></div>
  <div id="C"></div>
</div>
<div class="col-md-6">
  <div id="D"></div>
  <div id="E"></div>
  <div id="F"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

...但这并不能确保B与E对齐,例如当A高于D时.

html css twitter-bootstrap twitter-bootstrap-3

5
推荐指数
1
解决办法
3214
查看次数