bootstrap修改导航条默认样式、标签选中样式

<ul class="col-xs-12 col-sm-12 col-md-12 nav nav-pills nav-justified sjal-tab" id="myTab">
            <li role="presentation" class="active"><a href="#bs" data-toggle="tab">别墅</a></li>
            <li role="presentation"><a href="#yf" data-toggle="tab">洋房</a></li>
            <li role="presentation"><a href="#yc" data-toggle="tab">跃层</a></li>
            <li role="presentation"><a href="#py" data-toggle="tab">平墅</a></li>
          </ul>

标签默认样式

.sjal-tab>li>a{
  font-size: 22px;
  font-weight: 600;
  color: rgb(165, 165, 165);
}

鼠标移入未点击样式

.nav-pills>li>a:hover{
  background-color: #ffffff;
  color: #111111;
  border-bottom: 1px solid #111111;
  border-radius: 0;
}

点击后样式

.nav-pills>li.active>a{
  background-color: #ffffff;
  color: #111111;
  border-bottom: 1px solid #111111;
  border-radius: 0;
}
.nav-pills>li.active>a:focus{
  background-color: #ffffff;
  color: #111111;
  border-bottom: 1px solid #111111;
  border-radius: 0;
}