Bootstrap - 一行中的两个/三个输入

时间:2015-04-20 13:11:04

标签: javascript html css asp.net-mvc twitter-bootstrap

我想用bootstrap编写两个或三个输入: 它应该看起来像:

label
input input input

label
input(30%) input(40%) input (30%)

这是我的代码:

<form>
  <div class="form-group">
    <label><strong>test:</strong></label>
    <input class="form-control" style="width: 30%"/>
    <input class="form-control" style="width: 40%"/>
    <input class="form-control" style="width: 30%"/>
  </div>
</form>

1 个答案:

答案 0 :(得分:4)

只需使用行,几乎可以在任何地方插入它们。

&#13;
&#13;
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet"/>
<div class="form-group">
  <label>Name</label>
    <div class="row">
    <div class="col-xs-4"><input type="text" class="form-control"></div>
    <div class="col-xs-4"><input type="text" class="form-control"></div>
    <div class="col-xs-4"><input type="text" class="form-control"></div>
  </div>
</div>
&#13;
&#13;
&#13;