2

これをかなり進めようとしましたが、今のところうまくいきませんが、CSS スキルはまだ初期段階にあります。

私はブートストラップを使用しており、ページの上部にシンプルなロゴを配置しようとしています。ナビゲーション ピルは同じ水平線上にありますが、ロゴの下部に配置されています。

コンテンツを div の下部に配置することについて見つけられるすべての解決策を試しましたが、今のところうまくいきません。

私が現在持っているのは、この jsfiddle にあります: http://jsfiddle.net/UaujG/9/。どんな助けでも大歓迎です。

ありがとう、

4

2 に答える 2

0

少しの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/

于 2012-06-21T21:33:25.000 に答える
0

簡単な修正は次を追加することです:

.span6 {
margin-top: 24px;
}
于 2012-06-21T05:04:26.617 に答える