Bootstrap:中心标签和输入形式

时间:2015-03-12 11:30:07

标签: html css3 twitter twitter-bootstrap-3

我有一个问题,我无法找到任何答案。我有一部分视图:enter image description here 如果右侧的标签对于视图来说是长的,那么它当然会中断,但输入不会跟随以标签为中心。有没有办法做到这一点。所以它看起来像这样: enter image description here
这是代码

 <div class="row">
        <div class="col-xs-12 col-md-12 noPadding">
            <label class="checkboxlabel control-label col-xs-4 col-md-2" for="EmEquipDescEnglish">
                @Html.Action("GetLabel", "Translatable", new { key = "MMS_EquipmentManagement2" })
            </label>
            <div class="col-xs-6 col-md-3">
                <div>
                    <input type="text" class="form-control requiredField validateField translateString imgtooltip" data-isvalid="false" id="EmEquipDescEnglish" @Html.Action("GetString", "Translatable", new { key = "MMS_EquipmentManagement19" }) data-toggle="tooltip" data-placement="top" title="">
                </div>
            </div>
        </div>
    </div>

1 个答案:

答案 0 :(得分:0)

我让你成为一个小提琴https://jsfiddle.net/3fx4cchs/ 它是使用绝对位置制作的,还有一个版本,您可以使用display:table;,但我选择了这个。