带下划线的 Bootstrap Pills

Question

是否可以使用粗下划线渲染引导导航药丸，其宽度与选项卡文本设置宽度完全相同，如此处所示？

Answer 1

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

Jsfidlle 与 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;
     }