为什么bootstrap在没有提及的情况下给col-lg-3

时间:2016-11-12 00:36:42

标签: javascript css twitter-bootstrap

我有一个容器,其中我有col-lg-2 col-md-2col-md-8 col-lg-8。我的col-lg-8会自动col-lg-3(无论屏幕如何)当我检查元素时,它会显示@media(min-width:1200px) .col-lg-3 {width:25%;}。为什么它会导致额外的div,我该如何删除它?提前谢谢。

1 个答案:

答案 0 :(得分:0)

我假设您使用的是bootstrap 3:

Bootstrap允许您创建最多 12 列和无限行 - 因此名称 12 - 网格系统。因此,要创建所需的布局,请创建一个容器()。接下来,创建一个行()。然后,添加所需数量的列(具有相应.col- - 类的标记)。请注意,.col- - 中的数字应始终为每行添加 12 。在您的示例中,列不会相加。请仔细阅读此链接并仔细研究这些示例。 Bootstrap Grid Tutorial

一开始很混乱,然后你突然得到它。很快你就会嵌套列并使用偏移量。我对最新的bootstrap更改有困难4.祝你好运。