如何将Bootstrap css样式和类添加到meteor autoform中

Question

如何添加bootstrap css类来输入使用meteor autoform创建的字段？

{{> quickForm collection="Appointments" id="insertAppointmentsForm" class="new-Appointments-form" type="insert"}}

Answer 1

如果你能够使用jQuery，你可以轻松地引入一些满足你需求的Bootstrap类。

$('#insertAppointmentsForm').addClass('col-md-6');

当然，如果autoform在初始jQuery之后加载，你可能需要添加一些超时，因为元素必须在那里，以便jQuery获取ID并抛出你的自定义类。

编辑：当您希望将表单的每个字段插入特定的Bootstrap div时，可以使用jQuery提供的.wrapAll()解决方案：

$('#insertAppointmentsForm .field-class').wrapAll('<div class="col-md-6"></div>');