Twitter bootstrap 3 Bootstrap 3让标签保持在输入字段的顶部

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

我需要在一行中有3个表单输入字段,它们各自的标签在顶部。当行换行时,我希望标签与相应的输入保持一致,并保持在顶部。我可以让标签显示在输入字段的左侧。只是不在输入的顶部。如何做到这一点

与colums合作应该可以做到这一点。试试这样的

<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代码,如果可能,在问题中添加