Question

更改宽度时会被覆盖：83.33333333％

如何更改被覆盖的宽度？

@media (min-width: 992px) .col-md-10 {
  width: 83.33333333%;
}

@media (min-width: 992px) .col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9 {
  float: left;
}

@media (min-width: 768px) .col-sm-6 {
  width: 50%;
}

Answer 1

好的，你不应该改变bootstrap css文件和类。

如果要更改布局中的某些内容，请创建一个新的样式表并在每个其他css文件之后添加它。 HTML / CSS从上到下进行解析。底部定义的规则覆盖顶部的规则。

例如，如果您想更改单个<div/>，则应该为其指定一个ID（请注意，文档中的ID应该是唯一的！）或类。

如果布局中的div有col-*类，则不应手动更改其大小，因为模板的其他部分可能依赖它，您可能会破坏整个布局和/或响应性。

如何在Bootstrap中更改Searchbar的宽度

1 个答案: