Html 引导程序内联在meteor autoforms中无法按预期工作

我有以下几件玉器：

+autoForm(id=decidedChargeBoxForm collection="Products" doc=this type="update" class="form-inline")
    +costFormGroup(name="decidedCharge")

在html中：

<template name="costFormGroup">
    <div class="form-group{{#if afFieldIsInvalid name=name}} has-error{{/if}}">
        <div class="input-group">
            <div class="input-group-addon">$</div>
            {{> afFieldInput name=name placeholder="schemaLabel" label=false}}
        </div>
        {{#if afFieldIsInvalid name=name}}
            <span class="help-block">{{afFieldMessage name=name}}</span>
        {{/if}}
    </div>
</template>

它的工作原理和预期一样，但我不明白为什么这一步是必要的

---

在我的情况下，

.form inline

引导类的默认行为不应该解决这个问题吗？我做了什么不同的事情，需要我采取额外的步骤？

引导类的

form inline

将

display

属性设置为

inline block

或

内联表

（取决于子元素上使用的其他类），但必须记住，这仅适用于视口宽度至少为768px的情况。这在引导文档的顶部附近有说明。我无法从上面的屏幕截图判断，但您的视口宽度是否至少为768px？这将是引导类规则定义未正确定义的主要原因。另外，您可能会有另一个包或您自己的CSS代码，在呈现引导类规则定义之后，以某种方式使用呈现的不同规则覆盖此行为

.form-inline {
    display: inline;
}