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

Failed to execute goal org.apache.maven.plugins:maven-surefire-plugin:2.12:test (default-test) on project.Error occurred in starting fork -

windows - Debug iNetMgr.exe unhandle exception System.Management.Automation.CmdletInvocationException -

configurationsection - activeMq-5.13.3 setup configurations for wildfly 10.0.0 -