ブートストラップでcol-sm-6を使用して3つのアイテムに対して敏感に反応する方法は？

Question

私は3列を含む価格表を作成します。

私のコードは次のように：col-xx-4を使用して

<div class="container"> 
    <div class="row"> 
     <div class="col-lg-4 col-md-4 col-sm-6"> 
     </div> 
     <div class="col-lg-4 col-md-4 col-sm-6"> 
     </div> 
     <div class="col-lg-4 col-md-4 col-sm-6"> 
     </div> 
    </div> 
</div> 

完璧な仕事です。 col-sm-4にしか、私のページは壊れています。同様に：

私はcol-sm-6を使用して決定し、それは次のように示しています

が良く見えます。最終品目の最後の項目には、のセンター画面とmargin-top: 15pxがかなり見えるはずです。

私はそれを行う方法がわかりません。私の問題を解決する方法はありますか？

Answer 1

てみ使用ブートストラップの列での問題は、あなたが高さの列が等しくすることができないということです

<div class="container"> 
    <div class="row"> 
     <div class="col-lg-4 col-md-4 col-sm-6"> 
     </div> 
     <div class="col-lg-4 col-md-4 col-sm-6"> 
     </div> 
     <div class="col-lg-4 col-md-4 col-sm-6 col-sm-offset-3"> 
     </div> 
    </div> 
</div> 

Answer 2

を相殺しました。これにはflexを使用することをお勧めします。