首页 > 解决方案 > Bootstrap:单行有 4 个控件的表单

问题描述

我正在尝试在 asp.net Web 应用程序中使用引导程序。我希望每行有 4 个控件。示例:标签文本框标签下拉列表我尝试了以下代码,但控件未对齐且不正确。如何使用引导程序在一行中制作 4 个控件

<div class="row">
<div class="col-xs-3">
<label> very long text
</div>
<div class="col-xs-3">
<input> textbox
</div>
<div class="col-xs-3">
<label> label info
</div>
<div class="col-xs-3">
<select> label info
</div>
</div>

标签: twitter-bootstrap

解决方案


我只是关闭标签,一切都是内联的

<div class="row">
  <div class="col-xs-3">
    <label> very long text </label>
  </div>
  <div class="col-xs-3">
    <input>
  </div>
  <div class="col-xs-3">
    <label> label info </label>
  </div>
  <div class="col-xs-3">
    <select> label info </select>
  </div>
</div>

推荐阅读