2015-09-19 53 views
0

我正在使用Twitter Bootstrap進行演示。該設計要求標籤和輸入字段位於桌面的同一行,併爲移動設備堆疊。爲了實現這一點,我想使用結核病的網格系統,但我無法找到一種方法來做到這一點。通過文檔查看,我可以看到如何將一個類應用於標籤/輸入對的包裝div,而不是分別應用於標籤和輸入字段。Angular Formly - 模板 - 在自己的類中包裝LABEL

http://jsbin.com/voreyev/edit?html,js,output

回答

0

你總是可以使用標準的引導網格系統來實現這一目標。例如。

<label class="col-sm-12 col-md-4">name</label> 

<input type="text" class="col-sm-12 col-md-8" /> 

這將使用構建到引導程序中的媒體查詢來強制標籤在小屏幕上自行顯示並在更大的屏幕上內聯。

+0

是的,我明白了。但我不知道如何通過形式來實現這一點,因爲模板是從JS配置的,並且沒有明顯的將類應用到標籤的方法。 – KoalaKid

相關問題