bootstrap pull-right 添加额外空间

Question

我在位于容器 div 内的 div 上使用 pull-right，但对于某些人来说，当我在 div 上使用 pull right 时，它会使 div 更宽，这样它就不会与页面的右侧齐平。我用 Chrome 来检查元素，但我不知道这个额外的宽度是从哪里来的。容器看起来更宽的不是填充或边距吗？

问题可以在所有社交媒体图标所在的页面顶部看到。 http://puntachivosurfcamp.com/

<div class="container">
   <div class="pull-right">
      <a><img/></a>
      ...
   </div>
</div>

Answer 1

没有这样的额外空间，但文本只是向左对齐，尽管您正在谈论的容器是pull-right，但其中的对象不是。所以：

1. 在您的 pull-right div 上也应用 text-right 以将文本与右侧对齐:)
2. 将pull-right 应用于 div aka 社交媒体图标中的每个对象（但我推荐第一种方法）

说明：

容器的宽度大于其中所有对象的宽度，因此当容器中的对象左对齐时，它会向我们显示，好像右侧存在一些额外的空间，但只要我们将文本向右对齐，我们看到现在空间已经消失，对象现在位于页面的最右侧。