ブートストラップ列が積み重なっていないと思われる場合

Question

私のウェブサイトには3列×4列の合計12列があります。しかし何らかの理由で、彼らはお互いに積み重ねることがあります。それでも、十分なスペースがあります。私は彼らが崩壊する原因を突き止めることはできません。私は少しデモを持って、あなたはお互いに積み重なっている赤い箱を見ることができます。

HTML：

<div class="row portfolio"> 
    <div class="body_container2"> 
    <h1 class="display portfolio_h1">Portfolio</h1> 

    <div class="col-lg-4"></div> 
    <div class="col-lg-4"></div> 
    <div class="col-lg-4"></div> 
    </div> 
    </div> 

Codepen：

http://codepen.io/Limpuls/pen/Qpyygj

Answer 1

がするようにコードを変更し

：

<div class="body_container2"> 
<h1 class="display portfolio_h1">Portfolio</h1> 
<div class="row portfolio"> 
    <div class="col-lg-4"></div> 
    <div class="col-lg-4"></div> 
    <div class="col-lg-4"></div> 
</div> 
</div> 

http://codepen.io/anon/pen/yMeexb

Answer 2

すべての列は、その

のように、（親が行でなければなりませんでした）で直接 行する必要があります

<div class="row"> 
    <div class="col-lg-4"></div> 
    <div class="col-lg-4"></div> 
    <div class="col-lg-4"></div> 
    <div class="col-lg-4"></div> 
    <div class="col-lg-4"></div> 
    ... 
</div> 

ここで働くT：http://codepen.io/anon/pen/oZbbaQ