Html 如何使用引导程序使某些表单字段内联

我有一个表单，其中有几个字段需要内联。Bootstrap不允许我这样做，它在整行上呈现表单字段。另外，我希望标签位于字段旁边

在设置为form inline的表单标记中封装字段子集是否可行，以及如何使表单字段不在自己的行上中断。以下是我努力实现的目标：

以下是我尝试过的：

<div class="form-group">
    Zipcode <input type="text" data-bind="value: Zipcode" class="form-control"> 
    Response Time <input type="text" data-bind="value: ResponseNumber" class="form-control"> <select data-bind="options: ResponseUnits" />
</div>'

Zipcode
响应时间
'

---

另外，我没有在

中包装表单，因为我正在使用

包装文件dropzone。我使用的是knockout和ajax，所以我不需要使用表单（除非bootstrap需要这些表单）。

从您的示例来看，您更喜欢使用水平样式的表单。使用表单组

Zipcode：
响应时间：
小时
天
周
月
年

您的代码在哪里？你试过什么？你忘了包括你的CSS。没有CSS，我的上级不喜欢我使用CSS，除非我有很好的理由。请注意，除非屏幕足够宽，可以点击小断点，否则所有内容都会呈现块。（我可能会将你的列类更改为

col xs-*

），谢谢你的回答。我在表单中有一个使用dropzonejs的元素，它需要将该元素包装在表单标记中。所以，如果我这样做的话，我将有一个嵌套的表单元素，我知道这是不好的。我知道我可以用一个div标记替换你例子中的form元素，但这是洁食吗？是的，你可以这样做，（将form更改为div）我在制作.net aspx页面时经常这样做，因为整个过程都在一个form标记中。我如何控制标签的缩进？他们离右边太远了。

<form class="form-horizontal" role="form">
  <div class="form-group">
    <label class="control-label col-sm-2" for="email">Zipcode:</label>
    <div class="col-sm-6">
      <input type="text" class="form-control" id="zipcode" placeholder="Enter zip">
    </div>
  </div>
  <div class="form-group">
    <label class="control-label col-sm-2" for="responseTime">Response Time:</label>
    <div class="col-sm-3"> 
      <input type="number" class="form-control" id="responseTime" placeholder="Enter response time">
    </div>
   <div class="col-sm-3"> 
        <select class="form-control">
            <option>Hours</option>
            <option>Days</option>
            <option>Weeks</option>
            <option>Months</option>
            <option>Years</option>
          </select>

      </div>
    </div>

</form>