ブートストラップコンテナの最小の高さを設定する方法



How Set Min Height



解決:

ここでは2つのことが起こっています。

  1. コンテナクラスを適切に使用していません。
  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クラスに、あなたは一生この問題を抱えることはありません。乾杯。