Bootstrap:在单行中具有4个控件的表单

时间:2019-02-13 11:27:14

标签: twitter-bootstrap

我正在尝试在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>

1 个答案:

答案 0 :(得分:0)

我只是关闭了标签,所有内容都是内联的

<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>