在引导程序中排列与菜单药片的徽标

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/