Bootstrap井问题

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>

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

Answer 1

井上的col-xs-12适用于“漂浮”＃39;到第一个div，你的第二个div出现在第一个div之后。要么删除该类，要么在下一部分也应用col-xs-12