将文本对齐到对齐标签的底部(Bootstrap 3.3.6)

时间:2016-09-26 19:35:51

标签: html css twitter-bootstrap css3

我有一组合理的引导选项卡(Bootstrap 3.3.6)。我需要垂直对齐标签底部的文字。

http://www.bootply.com/l7byiP8RsS

我已经尝试将锚标签设置为表,绝对位置,相对位置。都有不良影响。

此项目不适合公众使用,可在现代浏览器上运行。它可以使用最先进的技术。我可以使用任何新的CSS3声明来完成此任务吗?

3 个答案:

答案 0 :(得分:1)

尝试添加此

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

到你的

.nav-tabs> li> a

这就是你想要的吗?

答案 1 :(得分:0)

我补充说:

line-height: 45px;

.nav-tabs>li>a,这对我有用..

答案 2 :(得分:0)

我使用了Aliysa's css from below,这让我留下了unsual spacing between the tabs。将nav-justified更改为width:自动修复它。可能会破坏其他东西,但它适用于我的情况。

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