如何让2 col-lg-6在移动视图中保持水平?

时间:2016-08-05 04:14:46

标签: html css twitter-bootstrap

如何在Bootstrap的移动视图中使2 col-lg-6保持水平?

2 个答案:

答案 0 :(得分:4)

只需使用col-xs它就会在所有视图中保持相同:

<div class="col-xs-6"></div>
<div class="col-xs-6"></div>

您无需像这样分配所有视图类:class="col-xs-6 col-sm-6 col-md-6 col-lg-6"

答案 1 :(得分:1)

您可以指定班级col-xs-6,使两个元素在移动设备上保持水平。

同样,如果您想在具有中等屏幕的平板电脑和笔记本电脑上使用相同内容,则可以将类col-sm-6col-md-6分配给您选择的元素。

编辑:有关其工作原理的详细信息,请参阅bootsrap documentation