html - Changing the height of Bootstrap's nav-pills -
this topic quite close looking for, still didn't rich goal after several hours. i'm trying decrease bit height of bootstrap tab pills editing original bootstrap.css file.
i've removed original file link external resources , placed raw code in css section it's possible experiment
<ul class="nav nav-pills" id="task_management_tab"> <li class="active"><a data-toggle="pill" href="#tasks_private">a</a></li> <li><a data-toggle="pill" href="">b</a></li> <li><a data-toggle="pill" href="">c</a></li> <li><a data-toggle="pill" href="">d</a></li> </ul>
for nav pills, decrease padding so:
.nav>li>a { padding-top: 5px; padding-bottom: 5px; }
the default 10px
i'd suggest not amending actual bootstrap css though it'll affect number of other things. target nav pills own custom class.
Comments
Post a Comment