我有一组合理的引导选项卡(Bootstrap 3.3.6)。我需要垂直对齐标签底部的文字。
http://www.bootply.com/l7byiP8RsS
我已经尝试将锚标签设置为表,绝对位置,相对位置。都有不良影响。
此项目不适合公众使用,可在现代浏览器上运行。它可以使用最先进的技术。我可以使用任何新的CSS3声明来完成此任务吗?
答案 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; }