如何将 Bootstrap css 样式和类添加到流星 autoform答案

【问题标题】：How to add Bootstrap css styles and classes to meteor autoform如何将 Bootstrap css 样式和类添加到流星 autoform
【发布时间】：2016-06-15 03:53:42
【问题描述】：

如何将引导 css 类添加到使用流星自动生成创建的输入字段中？

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

【问题讨论】：

标签： twitter-bootstrap meteor meteor-autoform

【解决方案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>');

【讨论】：

<div id="insertAppointmentsForm"> <div class="col-md-12"> <div class="row"> <div class="col-md-6"> <input type=text value="sample"> </div> <div class="col-md-6"> <input type=text value="sample"> </div> </div> </div> </div> 其实我需要这样的代码。我想将 Bootstrap 类添加到使用 autoform 创建的所有输入字段中。
嘿！我也更新了我的问题。我需要做这样的事情，而不是包装所有输入字段。我需要将不同的引导类添加到不同的输入字段。
在这种情况下，您将需要检查每个字段上是否有一些特定且唯一的 ID 或类，并执行几次.wrapAll() 解决方案以实现您所寻找的。我不认为有更简单的方法，因为你希望它是那么具体。