2013-12-08 91 views
4

我在一個div裏面使用了pull-right,這個div位於一個容器div中,但對於一些div使用右拉時它使得div更寬,所以它不會與頁面的右側。我使用Chrome來檢查元素,但我無法弄清楚這個額外寬度來自哪裏。這是不是填充或容器似乎更寬的邊距?bootstrap拉右增加額外的空間

問題可以在這裏看到在所有的社交媒體圖標頁面的頂部。 http://puntachivosurfcamp.com/

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

除了'pull-right'之外還會加入'text-right'類是你要找的東西嗎? –

+0

感謝您的答案,確實達到了期望的外觀,但我仍然對寬度來自哪裏感到好奇,同樣的事情發生了,如果我試圖拉動個別鏈接以及它們最終比圖像更寬。 – bgrantdev

回答

2

有沒有這樣的額外的空間,但文字只是左對齊雖然你所談論的容器pull-right,但在它的對象都沒有。所以:

  1. 應用text-right以及您pull-right格對齊文本右側:)
  2. 應用pull-right對每個對象目前在div又名社交媒體圖標(但我建議第一種方法)

說明:

容器的寬度是大於人的寬度l其中的對象,因此當容器中的對象左對齊時,它會向我們顯示右側存在一些額外的空間,但只要我們將文本對齊到右側,我們就會看到現在空間已經消失了,對象現在已經到了你頁面的最右側。

+0

我剛剛對容器應用文本權限,並刪除了div。然而,當從圖像中將div的右拉類從div中移除時,div不會比圖像更寬(右邊沒有空格)。如果應用拉右,則div比所有圖像都寬。 – bgrantdev