<form class="form-inline"> <div class="form-group"> <label for="exampleInputName2">Name</label> <input type="text" class="form-control" id="exampleInputName2" placeholder="Jane Doe"> </div> <div class="form-group"> <label for="exampleInputEmail2" class="sr-only">Email</label> <input type="email" class="form-control" id="exampleInputEmail2" placeholder="jane.doe@example.com"> </div> <button type="submit" class="btn btn-default">Send invitation</button> </form>在from中,添加form-inline类,让其多个控件可以排列在同一行
一定要添加label标签,如果你没有为每个输入控件设置label标签
屏幕阅读器将无法正确识别。对于这些内联表单,你可以通过为label设置.sr-only 类将其隐藏