无论如何我可以使用bootstrap创建一个表单,它可以在同一行和水平字段中对齐字段?
像这样的东西?
在这个cvv MM和YY在同一行.如何才能使用bootstrap形式?
我希望cvv与第一个表单字段对齐
将输入字段包装在div中并为其分配一个col-sm-x
类,例如:
<div class="form-group"> <label class="col-sm-3 control-label" for="cardNumber">Card # (required)</label> <div class="col-sm-5"> <input type="text" class="form-control" id="cardNumber" size="12" autocomplete='off'> </div> </div>
还要在标签中添加col-sm-x
对于列:
<div class="form-group"> <label class="col-sm-3 control-label">Expiry date(MM/YYYY) (required)</label> <div class="col-sm-2"> <input type="text" class="form-control" placeholder="MM" size="2" autocomplete='off'> </div> <div class="col-sm-2"> <input type="text" class="form-control" placeholder="YYYY" size="4" autocomplete='off'> </div> </div>
最后,表格类应该是form-horizontal
您喜欢的col宽度