如何編輯引導樣式？

如何編輯像身體背景顏色的靴子樣式？如何編輯引導樣式？

我不想做這一切的時候：

body { background: #539754 !important; }

我想設置在導航欄字體顏色，但我不能這樣做。我很preety困惑風格來自哪裏

.navbar-default .navbar-nav > li > a { 
color: #000; 
font-size: 20px; 
font-family: cursive; 
} 
.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus { 
color: #333; 
background-color: transparent; 
}

我在bootstrap.css中做過，但沒有發生。當按下F12編輯它在文件/dist/css/bootstrap.css - 我甚至沒有該文件夾。我瞭解它的動態創建，但我如何編輯它？

來源

2017-04-12 dtechlearn

你最好不要編輯CSS舉寫，但自己的CSS和運用你想 –

規則所以，通常的做法是採取這種風格，我需要和覆蓋它嗎？與！重要？或者創建全新的風格類/標識符 – dtechlearn

您通常應該只使用！important作爲最後的手段，即使這樣它可能不是最後的手段，也不應該使用它。就像其他人說的那樣。您可以將一個類選擇器添加到您的html元素，然後以這種方式在ontop上應用您的樣式。你可以寫你的CSS更具體覆蓋Bootstraps等。等。 – camccar

要覆蓋引導樣式創建您自己的樣式表，如styles.css的和肯定在引導CSS文件後加載它。定義類時只需匹配或超過引導樹。例如：如果引導的定義：

.navbar-default .navbar-nav > li > a { 
    color: #000; 
    font-size: 20px; 
    font-family: cursive; 
}

，所有你想要做的是改變顏色，你添加到您的新的樣式表。

.navbar-default .navbar-nav > li > a { 
    color: #CC0000; 
}

來源

2017-04-12 21:52:40 Adrianopolis

添加一個類你<li>標籤像

class="diff-color"

然後規則添加到您的css文件

.diff-color{ 
    color:blue; 
}

來源

2017-04-12 21:45:05

在某些情況下可以使用，但有時您只想通過並重新定義大量默認組件。 – Adrianopolis

如何編輯引導樣式？

回答

相關問題