twitter-bootstrap - 带下划线的 Bootstrap Pills

Question

是否可以使用粗下划线渲染 bootstrap navigation pills，与标签文本设置宽度一样宽，如此处所示？

Answer 1

您可以为您的导航栏使用以下样式属性

Jsfidlle with navpills

  .nav-pills > .active > a,.nav-pills > .active > a:hover,
   .nav-pills > li > a:hover {
    color: #000 !important;
    background-color: transparent !important;
    text-decoration: none;
   font-weight: bold;
   border-radius:0px;
   border-bottom-width: 4px;
   border-bottom-style: solid;
   border-bottom-color: #FF6600;
         }
    .nav-pills > li > a{
    border-radius:0px;
     }