什麼是重寫元素的CSS位置的正確方法：relative;'使用Bootstrap 2.2.1？

我正在使用Twitter Bootstrap 2.2.1 Initializr樣板工程。爲了正確覆蓋Bootstrap的默認CSS屬性，您需要在'main.css'中爲受影響的類創建一個條目並添加所需的屬性。什麼是重寫元素的CSS位置的正確方法：relative;'使用Bootstrap 2.2.1？

在這種特殊情況下，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條目的正確方法是什麼？

來源

2012-11-15 Alex Straffin

只是好奇，這是什麼'位置：親戚'打破？一般來說，這應該與'position：static'非常相似。你是否試圖讓自己的孩子相對於其他元素？ –

這是一個很長的故事，但有一個登錄後的問題會打破.brand類的導航欄中的超鏈接滾動。排除故障後，我發現消除相對位置屬性翻轉然後正常工作。 –

在bootstrap.css之後包含您自己的CSS文件並使用相同的選擇器編寫規則。至於位置屬性，你可以使用position: static;或任何你需要的。

來源

2012-11-15 19:38:06 gregory

靜態是否等同於沒有位置聲明？ –

你的css屬性總是有值，'static'是默認值，元素呈現順序，因爲它們出現在文檔流 –

謝謝。 'position：static;'工作。當我真的需要將它設置爲默認時，我認爲我需要消除位置聲明。非常感謝你！ –

如果是隻有一個屬性，您可以在線CSS添加到html元素和position屬性重置爲他的默認值：

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

但如果你認爲你會改變/添加其他風格，那麼你應該在bootstrap.css之後添加自己的CSS文件，所有樣式都會覆蓋引導程序的默認CSS。

來源

2012-11-15 19:50:02

這是一個非常好的解決方案，可以幫助那些正在拉扯自己頭髮的人。謝謝你，先生。 –

什麼是重寫元素的CSS位置的正確方法：relative;'使用Bootstrap 2.2.1？

回答

相關問題