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.

jsfiddle

i've removed original file link external resources , placed raw code in css section it's possible experiment

enter image description here

<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

Popular posts from this blog

ssh - Vagrant Windows - ssh_exchange_identification: read: Connection reset by peer -

gcc - Neither ld wrap nor LD_PRELOAD working to intercept system call -

maven - jacoco coverage per test setup -