Значок Bootstrap, прикрепленный к концу каждого div

Question

У меня очень интересная и странная проблема.

Я вошел значок в моей кнопки как этот

<div class="span10 details"> 
    <h4 style="margin-bottom: 0;" class="pull-left">Book Details</h4> 
    <button class="pull-right toggleBtn span1"><i class="icon-plus"></i></button> 
    <p class="clearfix"></p> 
    <hr> 

    <div class="bookDetails"> 
    <p>Here</p> 
    </div><!--.bookDetails--> 
</div><!--.span10-->  

и значок, кажется, присоединяясь к окончанию каждого дел. У меня нет циклов, отключены все js (кроме boostrap). Я понятия не имею, что здесь происходит. Я приложу образ того, что происходит ниже.

Answer 1

Кажется, вы забыли закрыть свои <i> теги. Попробуй это.

<button class="pull-right toggleBtn span1"><i class="icon-plus"></i></button>