divをブートストラップを使って強制的にボトムにする方法

Question

私はCodepen.ioでブートストラップを使用しています。 ページを3つのメインディビジョンに分割しました。中央のdivは3つの画像を持ち、3つの列に分割されています。

デスクトップ上はすべてうまく見えますが、ウィンドウのサイズを変更すると、下のdivは下に移動するのではなく、第3の画像に重なります。

手動でCSSを変更せずにブートストラップを動作させる方法はありますか？適切な応答またはモバイルビューの開発者のための実際

https://codepen.io/oldmanwithbeer/pen/ENzvoY?editors=1000#0

<div class="container-fluid"> 
    <div class="row"> 
    <div id="one" class="col-md-12"> 

     <div id="btn_row" class="row"> 
     <div class="col-md-12 text-center"> 
      <button type="button" class="btn btn-primary">some text</button> 
      <button type="button" class="btn btn-primary">some text</button> 
      <button type="button" class="btn btn-primary">some text</button> 
      <button type="button" class="btn btn-primary">some text</button> 
     </div> 
     </div> 
    </div> 
    </div> 
    <div class="row"> 
    <div id="two" class="col-md-12"> 
     <h2>some text</h2> 
     <div class="row"> 
     <div class="col-md-4"> 
      <div class="thumbnail"> 
      <a href="#" target="_blank"> 
       <img class="img-responsive" src="#" alt="text"></a> 
      <div class="caption">some text</div> 
      </div> 
     </div> 
     <div class="col-md-4"> 
      <div class="thumbnail"> 
      <a href="#" target="_blank"> 
       <img class="img-responsive" src="#" alt="text"></a> 
      <div class="caption">some text</div> 
      </div> 
     </div> 
     <div class="col-md-4"> 
      <div class="thumbnail"> 
      <a href="#" target="_blank"> 
       <img class="img-responsive" src="#" alt="text"></a> 
      <div class="caption">some text</div> 
      </div> 
     </div> 
     </div> 
    </div> 
    </div> 
    <div class="row"> 
    <div id="three" class="col-md-12"><h3>text</h3> 
    </div> 
    </div> 
</div> 

Answer 1

CSSメディアクエリを使用します。ブートストラップの文書を見ると、デモが表示されることがあります。だから私の推薦は、自動高さであなたのスタイルシートやスタイルの下部にCSSメディアクエリを使用することです

#portfolio { 
    height: 400px; 
} 

：重要なのはあなたのようなさまざまな要素に固定された高さを使用しました。このように：

@media only screen and (max-width: 767px) { 
    #portfolio { 
     height: auto; 
    } 
} 

は、あなたが投稿例