2017-02-01 6 views
0

私は、アプリケーションのレイアウトを作るためにブートストラップを調べ始めています。 私は左のバーをスクリーンでフルハイトにしようとしていますが、これもコンテンツに従う必要があります。BootStrapレイアウトの高さ100%

私はすでに高さを試しています:100%ですが、動作しません。

私はJSFiddleでご確認してください、私のコードを配置し、私は本当に

[JSFiddle Code](https://jsfiddle.net/fhavio/448qcxg6/)

+0

あなたはclearfixを試しましたか、それより複雑ですか? – dandavis

+0

次のようなものを試してみてください。http://codeply.com/go/1egwlFgOrDメインコンテンツ領域をスクロールさせて100%の高さを維持できるようにサイドバーを固定する必要があります。 – ZimSystem

答えて

0

は、あなたの.rowのうち、左のバーを移動し、それは100%の高い作り、そしてまたhtmlbody `高さを与えるあなたの助けapreciate :100%;

https://jsfiddle.net/umb1kwp2/1/

0

これらのユニットは、VH(ビューポートの高さ)、VW(ビューポート幅)、VMIN(ビューポートの最小の長さ)とVMAX(ビューポートの最大長さ)です。

style="height:100vh;" 

詳細についてはあなたがその #leftBar {高さのようなCSSを使用する必要がthis answer

0

をクリックします。100VH。 }

関連する問題