2013-03-19 52 views
2

我開始使用zurb基金會,並想知道大小輸入和選擇的「基礎方式」是什麼。ZURB基金會:同樣大小的形式選擇和輸入

基本上我有四列的行,並在每一個表單元素。 默認情況下,每個元素都有不同的高度。

請參考這個截圖我了: http://i.imgur.com/dpWZLq1.png

如此反覆,這將是zurb基礎的方式來大小的元素均勻?

在此先感謝!

+0

不確定你的意思,當然你應該使用標準CSS來調整高度以適應你使用的任何設計。 – InsomniaBass 2013-03-19 10:24:45

+0

是的,我認爲,但我很好奇最好的做法,以吸取教訓。 bootstrap默認均衡地設置它們的大小。 – n00b 2013-03-19 10:39:53

+2

您可以將'custom'類添加到您的表單中,並且文本框和下拉列表的大小相同。該按鈕不會遵循相同的高度。 – 2013-03-19 14:44:12

回答

1

看看這個基金會的形式混入:form-element

如果您正在使用SASS,你可以做這樣的事情:

your_styles_file.css.scss

select { 
    @include form-element; 
} 

做因此,您將擁有所有形式的輸入並以相同的外觀和感覺進行選擇。

請注意這個mixin設置的寬度屬性,它是100%。