引導3.0網格新手問題

我想構建一個使用Bootstrap網格的表單，但遇到了一些問題。該頁面可以在input-page 引導3.0網格新手問題

第一個問題是截面寬度。表單是5,5,2 = 12，但是在兩個5列中元素無法正確顯示。

第二我如何獲得輸入字段相對於彼此更近？

第三我如何獲得相同的垂直大小的列，以便它不顯示主背景色？

來源

2014-09-05 gharryh

將input寬度從100%更改爲auto，這將允許佔位符可見。

.form-group需要調整padding-bottom使輸入字段彼此更接近。

對於背景，這是bootstrap的缺陷之一。它不允許有相同的高度。有幾種方法可以解決這個問題，表格單元格是最常見的。我在該行上使用了一個類，因此如果我有其他不需要的行，我可以專門針對該部分。然後，你需要清除

.row.equal-height { 
    display: table; 
} 

.row.equal-height [class*="col-"] { 
    float: none; 
    display: table-cell; 
    vertical-align: top; 
    background-color: #D4BD72; 
} 

    @media screen and (max-width:767px){ 
    .row.equal-height{ 
     float:left; 
     width:100%; 
     text-align:center; 
    } 
}

我去看看，如果我能得到這個在Bootply你:)覆蓋將需要採取內部表單組中列的工作。

見工作http://www.bootply.com/RSBHrQeOZ6

來源

2014-09-05 16:24:21 Aibrean

「對於背景，這是bootstrap的缺點之一」我認爲這是CSS中的一個錯誤，CSS並不容易/可能創建完美的網格系統。 – cvrebert 2014-09-05 20:56:18

@cvrebert Zurb有一個功能，可以協助已經構建到框架中的相同高度進行補償。請參閱http://foundation.zurb.com/docs/components/equalizer.html。 Bootstrap沒有任何東西，這就是爲什麼我說這是一個錯誤。 – Aibrean 2014-09-05 22:20:20

@Aibrean改變了它，但結果是在最少的怪。也許我錯了點

來源

2014-09-07 12:58:59 gharryh

引導3.0網格新手問題

回答

相關問題