簡體   English   中英

引導程序流體布局,邊距錯誤?

[英]Bootstrap fluid layout, wrong margin?

編輯:我意識到這可能是Safari問題? 我在Firefox中看不到相同的內容

下面的圖片是從引導文件拍攝, 在這里 我想知道的是為什么最右邊的“ Fluid 6”元素右邊有2px的空白。 該元素不應該一直向右對齊嗎? 而我該如何解決呢?

在此處輸入圖片說明

增強圖像: 在此處輸入圖片說明

這不僅是span6 ,還不是寬度的100%。

在此處輸入圖片說明

請注意,除了最后一行以外,所有其他人都有這個問題。 問題在於,Bootstrap將寬度指定為百分比。

例如,對於span6

.span6 {
    width: 48.717948717948715%;
}

兩個span元素之間也有一個空格,

margin-left: 2.564102564102564%;

將這些相加不會得到一個很好的偶數,因此有時我們會在其下方得到一個像素。 除了為寬度和邊距設置固定值外,不能做太多的事情。

span12寬度為100%:

.span12 {
    width: 100%;
}

正是這樣,因此舍入沒有問題。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM