html - 在引导程序中将徽标与菜单药丸对齐

Question

试图让这一切顺利进行，但到目前为止还没有运气，但我的 css 技能仍处于起步阶段。

我正在使用引导程序，并试图在我的页面顶部有一个简单的徽标，导航药丸在同一水平线上，但与徽标的底部对齐。

我已经尝试了所有我能找到的关于将内容对齐到 div 底部的解决方案，但到目前为止还没有运气。

我目前拥有的是这个 jsfiddle：http: //jsfiddle.net/UaujG/9/。非常感谢任何帮助。

谢谢，

Answer 1

简单的解决方法是添加：

.span6 {
margin-top: 24px;
}

Answer 2

它与一些 jQuery 完美配合

function sizing() {
    var logoheight=$('#logo').height();
    var navpadding=32;
    $('#nav_buttons').css('padding-top', (logoheight-navpadding)+'px');
    if(logoheight<navpadding){
    $('#logo').css('padding-top', (navpadding-logoheight)+'px');    
    }
}
$(document).ready(sizing);
$(window).resize(sizing);

http://jsfiddle.net/baptme/UaujG/25/