Twitter bootstrap 如何使表单元素在bootstrap3中正确对齐?
我想组织以下活动:Twitter bootstrap 如何使表单元素在bootstrap3中正确对齐?,twitter-bootstrap,twitter-bootstrap-3,Twitter Bootstrap,Twitter Bootstrap 3,我想组织以下活动: FORM TEXTBOX1 TEXTBOX2 TEXTBOX3 假设从以下结构开始,正确的方法是什么: 我看到class=“form inline”使表单中的元素内联,但我只希望第二个和第三个文本框内联,而不是全部3个。处理这个问题的正确方法是什么?如果您想获得更多信息,请尝试此演示 相关摘录: <div class='row'> <div class='col-sm-6'> <div class='form-g
FORM
TEXTBOX1
TEXTBOX2 TEXTBOX3
假设从以下结构开始,正确的方法是什么:
我看到
class=“form inline”
使表单中的元素内联,但我只希望第二个和第三个文本框内联,而不是全部3个。处理这个问题的正确方法是什么?如果您想获得更多信息,请尝试此演示
相关摘录:
<div class='row'>
<div class='col-sm-6'>
<div class='form-group'>
<label for="user_password">Password</label>
<input class="form-control" id="user_password" name="user[password]" size="30" type="password" />
</div>
</div>
<div class='col-sm-6'>
<div class='form-group'>
<label for="user_password_confirmation">Password confirmation</label>
<input class="form-control" id="user_password_confirmation" name="user[password_confirmation]" size="30" type="password" />
</div>
</div>
</div>
密码
密码确认
使用上面的代码片段获得所需的格式请将代码张贴在您创建表单的部分,无论如何,我将使用第n个孩子(2)+第n个孩子(3)来定位这两个文本框。它在我的帖子中,但没有显示。。。。无法说明post语法不起作用的原因。@Rolando,现在应该可以修复了-您是用
<form class="form-horizontal">
<div class="row ">
<div class="col-sm-12">
<input type="text" class="form-control" placeholder="TextBox1"/>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<input class="form-control" type="text" placeholder="TextBox2"/>
</div>
<div class="col-sm-6">
<input class="form-control" type="text" placeholder="TextBox3"/>
</div>
</div>
</div>
</form>