Önyükleme iyi sorun

Question

kuyu bir satırlık bir form var ve bir div. Her nasılsa, kuyu, div bölümünü karıştırıyor. Arka plan ve diğer şeylerin sınırlarını kaybeder. Bu bir hata mı, özlediğim bir şey mi? iyi olmadan

:

iyi olarak:

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> 

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

Answer 1

col-xs-12 kuyu üzerinde 'uygular İlk div'a yüzer, ikinci divun ilk divun ardında görünür. ya o sınıfı kaldırın ya da sonraki bölümde de bir col-xs-12 uygulayın