Добыча бутстрапа

Question

У меня есть однорядная форма в скважине , за которой следует div. Каким-то образом колодец испортил div. Он теряет фон и границу между прочим. Это ошибка или что-то, что я пропустил?

Без колодца:

С хорошо:

HTML:

<div class="well well-sm col-xs-12" style='background-color:yellow; border-radius:15px;'> 
<form> 
<div class="row" > 
    <div class="col-sm-4"> 
    <input type="text" name="name" value="" class="form-control" placeholder="Enter Your Name"> 
    </div> 
    <div class="col-sm-4"> 
    <input type="email" name="email" value="" class="form-control" placeholder="Enter Your Email"> 
    </div> 
    <div class="col-sm-4" style='text-align:center'> 
    <button type="submit" name="submit" value="Submit" class="btn btn-primary btn-block">Submit</button> 
    </div> 
</div> 
</form> 
</div> 



<div style='width:768px; height:35px; margin:0px;background-color:green; border:3px solid orange;'> 
Next Section. 
</div> 

Pen: http://codepen.io/anon/pen/grmqNq?editors=1000

Answer 1

Col-хз-12 на хорошо относится " float 'до первого div, ваш второй div появляется за первым div. либо удалите этот класс, либо примените col-xs-12 в следующем разделе, а также