如何在 Bootstrap 中更改搜索栏的宽度

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

好的，您不应该更改引导 css 文件和类。

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

例如，如果您想更改单个 <div/>，您应该给它一个 id（注意 id 在您的文档中应该是唯一的！）或一个类。

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