2

css、html、およびブートストラップのヘルプが必要です。

このような効果を得る方法: レイアウト

  1. ヘッダー = Boostrap navbar (高さ 50px)
  2. コンテナー = すべてのサイトおよびセンター コンテンツの灰色の背景
  3. 左列 = メニュー - 幅 220px
  4. 右の列 = 背景が白で高さが 100% のコンテンツ
  5. フッター = 固定フッター (高さ: 50px)

私が使用する中心に：

<div class="container">

しかし、100% の高さのコンテンツとスティッキー フッターに問題があります。

4

2 に答える 2

3

誰でも簡単に提案できるように、css と html をここに配置する必要があります。

スティッキー フッターの場合、その位置を絶対位置に設定し、メイン div の位置を相対位置に設定する必要があります。

お気に入り ：

html, body {
    height: 100%;
    min-height: 100%;
}

.container { 
    min-height: 100%;
    height: 100%;
    position: relative;
}

.footer
{
    height: 20px; //according to your requirement
    position: absolute;
    bottom: 0px;
}
于 2013-01-29T12:07:12.077 に答える
1

次のようなことをする必要があります: Twitter Bootstrap: 高さ 100% のコンテナー内の div

html, body {
    height: 100%;
}

.container { 
    min-height: 100%;
    height: 100%;
}
于 2013-01-29T12:03:17.313 に答える