div下面的Bootstrap div(Bootstrap div below div)

 我有一个包含3个单元格的div，我想在它下面放置另一个div。 但由于某种原因，它出现在包装div之上。 我尝试了一些我在stackoverflow上找到的东西，但它似乎不起作用。 这是应该工作的解决方案之一： 
 
 HTML： 
 
<div class="col-sm-5 col-sm-offset-3" id="wrapper">
    <div class="row">
       <div class="col-sm-1 col-sm-offset-2" id="col1"> col1 </div>
       <div class="col-sm-1 col-sm-offset-2 " id="col2"> col2 </div>
       <div class="col-sm-1 col-sm-offset-2" id="col3"> col3 </div>
   </div>
</div>

<div id="below">
This should be below the wrapper div
</div>
 
 CSS： 
 
#col1{
    background-color: lime;
    border: solid 1px;
    text-align: center;
}
#col2{

    background-color:  aqua;
    border: solid 1px;
    text-align: center;
}
#col3{
    background-color:  lightpink;
    border: solid 1px;
    text-align: center;
}
#wrapper{
    border: solid 1px;
    height: 100%;
    top: 100px;


}
#below{
    border: solid 2px;
    text-align: center;
    min-height: 100%;
    min-width: 100%;   
    clear: both;

}

I have a div containing 3 cells, and I want to place another div below it. But for some reason it appears above the wrapper div. I tried some things I found on stackoverflow, but it doesn't seem to work. Here is one of the solutions which was supposed to work:
 
HTML:
 
<div class="col-sm-5 col-sm-offset-3" id="wrapper">
    <div class="row">
       <div class="col-sm-1 col-sm-offset-2" id="col1"> col1 </div>
       <div class="col-sm-1 col-sm-offset-2 " id="col2"> col2 </div>
       <div class="col-sm-1 col-sm-offset-2" id="col3"> col3 </div>
   </div>
</div>

<div id="below">
This should be below the wrapper div
</div>
 
CSS:
 
#col1{
    background-color: lime;
    border: solid 1px;
    text-align: center;
}
#col2{

    background-color:  aqua;
    border: solid 1px;
    text-align: center;
}
#col3{
    background-color:  lightpink;
    border: solid 1px;
    text-align: center;
}
#wrapper{
    border: solid 1px;
    height: 100%;
    top: 100px;


}
#below{
    border: solid 2px;
    text-align: center;
    min-height: 100%;
    min-width: 100%;   
    clear: both;

}

原文：https://stackoverflow.com/questions/38336925