CSS Bootstrap 边框底部

Question

每当我尝试在我的 Bootstrap 导航 li 上放置一个 border-bottom 时，padding 都会使整个按钮(不是单词)由 border-bottom 加下划线。我想要完成的是，只有 li > a 中的单词带有下划线。 我已经删除了 bootstrap.css 文件中的任何 padding，现在所有的词都是对的。

Answer 1

假设您正在使用 native bootstrap3 样式，您将需要 bootstrap 样式中固有的特异性。您可能想要放回丢失的填充物。将此样式添加到在 Bootstrap 样式表之后链接的个人样式表或添加到 Bootstrap 样式表的末尾:

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