bootstrap pull-right增加了额外的空间

Question

我在容器div内部的div上使用pull-right但是对于某些我在div上使用右拉时它会使div更宽，这样它就不会与页面的右侧齐平。我已经使用Chrome来检查元素，但我无法弄清楚这个额外宽度的来源。容器似乎更宽，这不是填充物或边缘？

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

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

Answer 1

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

1. 同时在text-right div上应用pull-right，将文字与右侧对齐：）
2. 将pull-right应用于div中的每个对象，即社交媒体图标（但我推荐第一种方法）

<强>解释

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