我有一个容器,其中我有col-lg-2 col-md-2
和col-md-8 col-lg-8
。我的col-lg-8
会自动col-lg-3
(无论屏幕如何)当我检查元素时,它会显示@media(min-width:1200px)
.col-lg-3
{width:25%;}
。为什么它会导致额外的div,我该如何删除它?提前谢谢。
答案 0 :(得分:0)
我假设您使用的是bootstrap 3:
Bootstrap允许您创建最多 12 列和无限行 - 因此名称 12 - 网格系统。因此,要创建所需的布局,请创建一个容器()。接下来,创建一个行()。然后,添加所需数量的列(具有相应.col- - 类的标记)。请注意,.col- - 中的数字应始终为每行添加 12 。在您的示例中,列不会相加。请仔细阅读此链接并仔细研究这些示例。 Bootstrap Grid Tutorial
一开始很混乱,然后你突然得到它。很快你就会嵌套列并使用偏移量。我对最新的bootstrap更改有困难4.祝你好运。