ブートストラップコンテナの最小の高さを設定する方法
How Set Min Height
解決:
ここでは2つのことが起こっています。
- コンテナクラスを適切に使用していません。
- コンテナクラスのBootstrapのCSSをオーバーライドしようとしています
Bootstrapはグリッドシステムを使用し、.containerクラスは独自のCSSで定義されています。グリッドは、コンテナクラスDIV内に存在する必要があります。コンテナDIVは、内部のグリッドにその親があることをBootstrapに示すだけです。したがって、コンテナの高さを設定することはできません。
あなたがしたいことは次のとおりです。
ここでは、Bootstrapグリッドシステムの詳細を確認できます。
そうは言っても、Bootstrap CSSを絶対にオーバーライドする必要がある場合は、CSS定義に「!important」句を使用してみます...
.container {padding-right:15px;パディング-左:15px;マージン右:自動;マージン左:自動;最大幅:900px;オーバーフロー:非表示; min-height:0px!important; }しかし、「!important」句はCSSを乱雑にするだけだといつも思っています。
通常、ブートストラップを使用している場合は、これを実行して最小の高さを100%に設定できます。
これにより、フッターが下部にくっつかないことも解決されます。
次のクラスでCSSからこれを行うこともできます
.stickDamnFooter {min-height:100vh;}このクラスがフッターを固定しない場合は、位置を追加するだけです。修正済み。その同じcssクラスに、あなたは一生この問題を抱えることはありません。乾杯。