引導跨度問題

我使用Twitter作爲一個引導賺了一小名片，我遇到了一個小問題，我不是能夠追蹤它的來源:)引導跨度問題

如果按照這個鏈接：Demo;您會看到這些元素有點混亂:)在vCard的標題中，聯繫人信息應該位於名稱和大拇指的右側，但是它被推到了下面。這同樣適用於小描述:)

使用的row-fluid而不是僅僅row會解決這個問題，但由於我的手機版本，不需要是流體我不能使用流體網格。我希望有人遇到過這個問題，並有一個想法是什麼來源:)

2012-11-20 Roland

對我來說，它的下面推，因爲它需要很多的地方。在'contact-details-container'中，嘗試將字體大小更改爲較小的大小以檢查結果。並且由於「contact-details-container」被按下，所以小的描述被壓低。 – leMoisela

@lemoisela〜我試過了，但它似乎並沒有工作，我仍然有同樣的問題:) – Roland

如果你真的想讓它在移動設備上很好用，你應該真的考慮類content-view-container的CSS屬性：你有絕對定位和固定值寬度，當你想設計「任何」屏幕尺寸不玩好...

有一些問題在代碼：

首先把span2和span12不應該是「左拉」（類名稱中還有一個錯字）和「拉權」（它使「網格」的無用的意思......）
的info-button-container所有的風格是冗餘info-button-inner
爲什麼您使用border-box屬性（只是margin-top保持）？固定圖標的位置與line-height中間播放屬性
爲什麼設置所有div S作爲position:relative; display: block;？這裏沒有用......
row不需要類clearfix，因爲它已經是「clearfixed」

來源

2012-11-20 09:43:33 Roberto

我錯誤地添加了跨度上的浮動:)'info-button-container'上的樣式是需要的，至少索引和尺寸屬性:)至於內部，只有當我使用'display：inline-block;'時，圖標不能用'line-height'定位，這在所有瀏覽器中都不支持，特別是IE :)所以我不得不通過使用'box-sizing'屬性和一些填充來定位它:)一些div需要定位和顯示，因爲有一些元素添加了僞元素'：after'＆' ：之前'需要父元素有一個位置:) – Roland

但它正是那些正在破壞佈局的框架結構的修改 – Roberto

引導跨度問題

回答

相關問題