[英]Bootstrap 3.0 grids - how to transpose them in vertical?
我正在使用Bootstrap网格,并且正在寻找一种快速/非侵入性的方法来使用网格垂直显示某些元素。
例如,如果通常我会获得(即使用col-md-3):
A B C D
E F G H
I L M N
O P Q R
在我的版本中,我将使用“移调”版本:
A E I O
B F L P
C G M Q
D H N R
这仅仅是服务器端的问题,还是有一种使用CSS和/或javascript网格的方法?
小号
在您的原始示例中,您好像打开了ul
标签,然后为每个li
了一类col-md-3
。
您可以做的是获得4个ul
标签(每列一个),为每个标签分配一类col-md-3
以实现所需的结果。 然后,这些ul
标签中的li
标签将不需要任何类。
该代码如下所示:
<ul class="col-md-3">
<li>A</li>
<li>B</li>
<li>C</li>
<li>D</li>
</ul>
<ul class="col-md-3">
<li>E</li>
<li>F</li>
<li>G</li>
<li>H</li>
</ul>
<ul class="col-md-3">
<li>I</li>
<li>L</li>
<li>M</li>
<li>N</li>
</ul>
<ul class="col-md-3">
<li>O</li>
<li>P</li>
<li>Q</li>
<li>R</li>
</ul>
这可能与您要实现此目标的方式不完全相同,但这将达到预期的结果。 我希望这有帮助!
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.