CODEWITHSUNDEEP
htmltwitter-bootstrapcss
Geomatic
Geomatic

Reputation: 179

Aligning text to bottom of justified tabs (Bootstrap 3.3.6)

I have a working set of justified bootstrap tabs (Bootstrap 3.3.6). I need to vertically align the text along the bottom of the tabs.

http://www.bootply.com/l7byiP8RsS

I've tried setting the anchor tags to tables, absolute, relative position. All with undesirable effects.

This project is not intended for the public use and will be run on a modern browser. It can use the most advanced techniques. Any new CSS3 declarations I can use to accomplish this?

Upvotes: 1

Views: 436

Answers (3)

Geomatic
Geomatic

Reputation: 179

I used Aliysa's css from below, which left me with unsual spacing between the tabs. Changing nav-justified to width:auto fixed it. Probably broke something else, but it works in my case.

.nav-tabs.nav-justified > li { width: auto; }

Upvotes: 0

Fadi
Fadi

Reputation: 1419

I added:

line-height: 45px;

to .nav-tabs>li>a and that worked for me..

Upvotes: 0

Aliysa Prisco
Aliysa Prisco

Reputation: 11

Try adding this 

display: table-cell;
vertical-align: bottom;

to your

.nav-tabs>li>a

is this what you wanted?

Upvotes: 1

Related Questions