Twitter bootstrap 3 Bootstrap 3让标签保持在输入字段的顶部
我需要在一行中有3个表单输入字段,它们各自的标签在顶部。当行换行时,我希望标签与相应的输入保持一致,并保持在顶部。我可以让标签显示在输入字段的左侧。只是不在输入的顶部。如何做到这一点与colums合作应该可以做到这一点。试试这样的Twitter bootstrap 3 Bootstrap 3让标签保持在输入字段的顶部,twitter-bootstrap-3,Twitter Bootstrap 3,我需要在一行中有3个表单输入字段,它们各自的标签在顶部。当行换行时,我希望标签与相应的输入保持一致,并保持在顶部。我可以让标签显示在输入字段的左侧。只是不在输入的顶部。如何做到这一点与colums合作应该可以做到这一点。试试这样的 <div class="row"> <div class="col-xs-3"> <label>Label 1</label> <input type="text" clas
<div class="row">
<div class="col-xs-3">
<label>Label 1</label>
<input type="text" class="form-control" placeholder=".col-xs-2">
</div>
<div class="col-xs-3">
<label>Label 2</label>
<input type="text" class="form-control" placeholder=".col-xs-3">
</div>
<div class="col-xs-3">
<label>Label 3</label>
<input type="text" class="form-control" placeholder=".col-xs-4">
</div>
</div>
标签1
标签2
标签3
诀窍在于使用col-md-4,因为引导是建立在12列网格系统上的。这样,在小型和超小型设备上,列会自动折叠成一行。这是我的钢笔
http://www.bootply.com/Eb85k7lOAx
<div class="container">
<div class="row">
<div class="col-md-4">
<label>One</label>
<input class="form-control" placeholder=".col-md-4" type="text">
</div>
<div class="col-md-4">
<label>Two</label>
<input class="form-control" placeholder=".col-md-4" type="text">
</div>
<div class="col-md-4">
<label>Three</label>
<input class="form-control" placeholder=".col-md-4" type="text">
</div>
</div>
</div>
http://www.bootply.com/Eb85k7lOAx
一个
两个
三
在问题中添加相关的html、css和任何javascript代码,如果可能,在问题中添加