覆盖元素的CSS位置的正确方法是什么:relative;' 使用Bootstrap 2.2.1？

Question

我正在使用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
}

对我造成问题的部分是'position:relative;'.我需要那里没有立场声明.现在我知道我可以打开Bootstrap CSS文件并对其进行编辑,但如果文件得到更新,则更改将丢失.

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

Answer 1

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