我尝试使用Bootstrap 3.1.1格式化我的注册页面。我希望前两个输入在同一行,而其他输入是一个有自己的行。我已经用自举类“行”,“形式内联”和“形式 – 横向”玩了无效。
有谁知道该怎么办?
这是Fiddle
<style> .reg_name { max-width:200px; } </style> <form name="registration_form" id='registration_form' class="form-inline"> <div class="form-group"> <label for="firstname" class="sr-only"></label> <input id="firstname" class="form-control input-group-lg reg_name" type="text" name="firstname" title="Enter first name" placeholder="First name"/> </div> <div class="form-group"> <label for="lastname" class="sr-only"></label> <input id="lastname" class="form-control input-group-lg reg_name" type="text" name="lastname" title="Enter last name" placeholder="Last name"/> </div> <div class="form-group"> <label for="username" class="sr-only"></label> <input id="username" class="form-control input-group-lg" type="text" autocapitalize='off' name="username" title="Enter username" placeholder="Username"/> </div> <div class="form-group"> <label for="password" class="sr-only"></label> <input id="password" class="form-control input-group-lg" type="password" name="password" title="Enter password" placeholder="Password"/> </div> </form>
解决方法
使用< div class =“row”>和< div class =“form-group col-xs-6”>