Html 创建具有水平和垂直表单字段的引导表单
我是否可以使用引导创建一个表单,该表单可以将字段对齐到同一行以及水平字段中 像这样的 在此情况下,cvv MM和YY位于同一行中。如何使用引导形式使其成为可能Html 创建具有水平和垂直表单字段的引导表单,html,css,forms,twitter-bootstrap,Html,Css,Forms,Twitter Bootstrap,我是否可以使用引导创建一个表单,该表单可以将字段对齐到同一行以及水平字段中 像这样的 在此情况下,cvv MM和YY位于同一行中。如何使用引导形式使其成为可能 <form role="form"> <div class="form-group"> <label for="exampleInputEmail1">Email address</label><input type="ema
<form role="form">
<div class="form-group">
<label for="exampleInputEmail1">Email address</label><input type="email" class="form-control" id="exampleInputEmail1" />
</div>
<div class="form-group">
<label for="exampleInputEmail1">CVV</label><input type="email" class="form-control" id="cvv" />
</div>
<div class="form-group">
<label for="exampleInputPassword1">Password</label><input type="password" class="form-control" id="exampleInputPassword1" />
</div>
<button type="submit" class="btn btn-default">Submit</button>
</form>
</div>
电子邮件地址
CVV
密码
提交
我希望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
Play,可以随意使用列宽度将输入字段如上所述包装在一个div中,但将“form inline”类添加到此div中。不需要col-sm-x类
<div class="form-group form-inline">
<label class="control-label">Expiry date(MM/YYYY) (required)</label>
<input type="text" class="form-control" placeholder="MM" size="2" autocomplete='off'>
<input type="text" class="form-control" placeholder="YYYY" size="4" autocomplete='off'>
</div>
</div>
有效期(年月日)(必填)
这实际上不是我问的问题。我想知道我是否可以在一行中有两个字段?是的,这就是答案。使用列。你能用两个输入字段更新你的答案吗?这样我就可以在它工作时将其标记为接受吗?我的印象是,表单组
类应该只包含一个标签和一个输入,但也许我错了!