在 BS 3 中对齐标签和文本框 [英] Align label and textbox in BS 3

查看：32 发布时间：2021/9/11 19:12:10 twitter-bootstrap

本文介绍了在 BS 3 中对齐标签和文本框的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我正在尝试对齐标签 &使用 Bootstrap 3 的文本框

这不起作用，因为开始日期"被包装了.我也尝试过形式水平但对我没有帮助.


<div class="col-xs-3 input-group"><label class="active">开始日期</label><input type="text" class="form-control">
<div class="col-xs-3">结束日期<input type="text" class="form-control" placeholder=".col-xs-3">

<div class="col-xs-6">项目网址<input type="text" class="form-control" placeholder=".col-xs-6">

有人可以帮我吗?谢谢，凯拉斯

解决方案

这里有一个横向表格的解决方案

小提琴

<div class="col-xs-3"><div class="form-group"><label for="exampleInput1" class="col-sm-6 control-label">开始日期</label><div class="col-sm-6"><input type="text" class="form-control" id="exampleInput1" placeholder="开始日期">

<div class="row"> <div class="col-xs-3 input-group"> <label class="active">Start Date</label> <input type="text" class="form-control"> </div> <div class="col-xs-3"> End Date <input type="text" class="form-control" placeholder=".col-xs-3"> </div> <div class="col-xs-6"> Project URL <input type="text" class="form-control" placeholder=".col-xs-6"> </div> </div>

<form role="form" class="form-horizontal row"> <div class="col-xs-3"> <div class="form-group"> <label for="exampleInput1" class="col-sm-6 control-label">Start Date</label> <div class="col-sm-6"> <input type="text" class="form-control" id="exampleInput1" placeholder="Start Date"> </div> </div> </div> <div class="col-xs-3"> <div class="form-group"> <label for="exampleInput2" class="col-sm-6 control-label" >End Date</label> <div class="col-sm-6"> <input type="text" class="form-control" id="exampleInput2" placeholder="End Date"> </div> </div> </div> <div class="col-xs-6"> <div class="form-group"> <label for="exampleInput3" class="col-sm-4 control-label">Project URL</label> <div class="col-sm-8"> <input type="text" class="form-control" id="exampleInput3" placeholder="Project URL"> </div> </div> </div> </form>

在 BS 3 中对齐标签和文本框 [英] Align label and textbox in BS 3

问题描述

相关文章

其他开发最新文章

热门教程

热门工具

登录关闭

在 BS 3 中对齐标签和文本框 [英] Align label and textbox in BS 3

问题描述

相关文章

其他开发最新文章

热门教程

热门工具

登录 关闭

登录关闭