html - 将自身附加到每个 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-->    

并且图标似乎将自己附加到每个 div 的结尾。我没有循环，禁用所有 js（boostrap 除外）。我不知道这里发生了什么。我将附上下面发生的事情的图像。

Answer 1

您似乎忘记关闭<i>标签。尝试这个。

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