6

我正在使用 Twitter Bootstrap 2.2.1 Initializr 样板开发一个项目。为了正确覆盖 Bootstrap 的默认 CSS 属性，您需要在“main.css”中为受影响的类创建一个条目并添加所需的属性。

在这种特殊情况下，Bootstrap 有一个名为“.collapse”的类，该类应用于默认导航栏。

.collapse{
    position:relative;
    height:0;
    overflow:hidden;
    -webkit-transition:height .35s ease;
    -moz-transition:height .35s ease;
    -o-transition:height .35s ease;
    transition:height .35s ease
}

对我造成问题的部分是“位置：相对；”。我需要没有立场声明。现在我知道我可以打开 Bootstrap CSS 文件并对其进行编辑，但如果文件被更新，那么更改将会丢失。

覆盖此 CSS 条目的正确方法是什么？

4

2 回答 2

15

在 bootstrap.css 之后包含您自己的 CSS 文件并使用相同的选择器编写规则。至于位置属性，您可以使用position: static;或任何您需要的东西。

于 2012-11-15T19:38:06.803 回答
4

如果只是一个属性，您可以将内联 css 添加到 html 元素并将该position属性重置为他的默认值：

<nav class="collapse" style="position:static">
  <ul>
    <li>....</li>
    <li>....</li>
  </ul>
</nav>

但是如果你认为你会改变/添加其他样式，那么你应该在 bootstrap.css 之后添加你自己的 CSS 文件，这样你的所有样式都会覆盖引导程序默认的 css。

于 2012-11-15T19:50:02.670 回答