CSS引導邊框底部

Question

每當我嘗試在我的引導程序導航li上輸入border-bottom時，padding會使整個按鈕（而非單詞）由border-bottom加下劃線。我想要完成的是，只有li > a中的單詞被加下劃線。 我已經刪除了bootstrap.css文件中的任何padding，現在所有的單詞都是正確的。

Answer 1

假設您使用的是本機bootstrap3樣式，則需要引導樣式中固有的特性。你可能會想放回你失去的填充。將此樣式添加到您在引導樣式表後面鏈接的單個樣式表中，或者添加到引導樣式表的末尾：

.navbar-nav > li > a { 
text-decoration: underline; 
}