修改boostrap中tab样式

   /*tab样式*/
        .nav-tabs{
            background: #FFFFFF;
            border-bottom: 3px #3498db solid;
        }


        .nav-tabs li a{
            /*line-height:2;*/
            border:1px #ddd solid;
            margin-right: -1px;
            color: #999;
            border-radius: 0;
            width: 90px;
        }
        .nav-tabs li a .glyphicon-remove-sign:hover{
            color:red;
            cursor: pointer;
        }
        .nav-tabs li a i:first-child{
            margin-right: 3px;
        }
        .nav-tabs .active a{
            border-top: solid 2px #3498db !important;
            background: #3498db !important;
            color:#fff !important;
        }
        .nav>li>a {  //设置长高
            position: relative;
            display: block;
             padding: 5px 10px;
        }如图：

参考文献https://www.cnblogs.com/landeanfen/p/7601880.html#_label0  点击打开链接 JS组件系列——基于Bootstrap Ace模板的菜单和Tab页效果分享（你值得拥有）