Angular Formly - Template - Wrapping LABEL в своем собственном классе

Question

Я использую Twitter Bootstrap для презентации. Дизайн требует, чтобы метки и поля ввода находились на одной линии для настольных компьютеров и были сложены для мобильных устройств. Чтобы достичь этого, я хотел бы использовать систему сетки TB, но я не могу найти способ сделать это. Просматривая документацию, я вижу, как применить класс к div-обертке для пары метка / вход, но не индивидуально к метке и полям ввода.

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

Answer 1

Вы всегда можете использовать стандартную систему сетки начальной загрузки для достижения этой цели. Например

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

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

При этом будут использоваться медиазапросы, встроенные в начальный загрузчик, для принудительной установки метки на отдельной строке на маленьких экранах и на больших экранах.