angular-formly - Angular Formly - 模板 - 将 LABEL 包装在自己的类中

Question

我正在使用 Twitter Bootstrap 进行演示。该设计要求标签和输入字段在桌面上位于同一行，而在移动设备上则堆叠在一起。为了实现这一点，我想使用 TB 的网格系统，但我找不到这样做的方法。查看文档，我可以看到如何将类应用于标签/输入对的包装 div，但不能单独应用于标签和输入字段。

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

Answer 1

你总是可以使用标准的引导网格系统来实现这一点。例如

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

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

这将使用内置于引导程序中的媒体查询来强制标签在小屏幕上显示在自己的行上，并在大屏幕上内联。