CSS引导边框底部

Question

每当我尝试在我的引导程序导航li上输入border-bottom时，padding会使整个按钮（而非单词）由border-bottom加下划线。我想要完成的是，只有li > a中的单词被加下划线。 我已经删除了bootstrap.css文件中的任何padding，现在所有的单词都是正确的。

Answer 1

假设您使用的是本机bootstrap3样式，则需要引导样式中固有的特性。你可能会想放回你失去的填充。将此样式添加到您在引导样式表后面链接的单个样式表中，或者添加到引导样式表的末尾：

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