Html 引导图标连接到每个div的末尾

我有一个非常有趣和奇怪的问题

我在按钮中输入了一个图标，如下所示

 <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-->    

书籍详情


这里

图标似乎连接到每个div的末尾。我没有循环，禁用了所有js（boostrap除外）。我不知道这里发生了什么。我会附上下面发生的事情的图片

---

您似乎忘记关闭您的

标签。试试这个

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

---

您似乎忘记关闭您的

标签。试试这个

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