【问题标题】:Bootstrap: Center Label and Input in formBootstrap:中心标签和表单输入
【发布时间】:2015-05-14 12:56:11
【问题描述】:

我有一个问题,我无法找到任何答案。我有部分视图: 如果右边的标签太长视图,它当然会中断,但输入并没有跟随标签居中。有没有办法做到这一点。所以它看起来像这样:
这是代码

 <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>

【问题讨论】:

  • 请分享您的代码或小提琴。

标签: html css twitter twitter-bootstrap-3


【解决方案1】:

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

【讨论】:

  • 您需要在答案中包含小提琴中的代码。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2013-03-23
  • 1970-01-01
  • 2016-07-14
  • 2016-10-28
  • 2015-12-07
  • 2017-05-23
  • 1970-01-01
相关资源
最近更新 更多