CODEWITHSUNDEEP
htmltwitter-bootstrapalignment
user1176999
user1176999

Reputation: 470

Bootstrap nav vertical align

How can I align text in Bootstrap nav... I have this html code:

<ul class="nav nav-justified">

    <li><a href="#">PREVIOUS</a></li>
    <li><a href="#" onclick = "myFunction();">PLAY</a></li>
    <li><a href="#" onclick = "stop();">PAUSE</a></li>
    <li><a href="#">NEXT</a></li>

</ul>

This PREVIOUS, PLAY, PAUSE and NEXT text needs to be aligned top.

Upvotes: 0

Views: 231

Answers (1)

dima
dima

Reputation: 1189

just use custom styles, by default .nav has a padding, so if you reset the top padding to 0 it'll be aligned as you want.... try this

.nav > li > a {
   padding-top: 0;
}

EDIT make sure you use it AFTER you include bootstrap.css in your project

Upvotes: 1

Related Questions