1
我正在使用bootstrap水平对齐方式,并且遇到了问题。
在此示例中,control-label
类应该将标签更靠近电子邮件输入字段,但不会发生。Bootstrap - 为什么“control-label”类不会影响标签?
问题是为什么?
预先感谢您!
您可以在的jsfiddle,在那里你可以改变预览窗口大小测试:https://jsfiddle.net/xm5kwyqo/
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container">
<div class="row">
<section class="col-xs-12">
<form class="form-horisontal">
<div class="form-group">
<label for="inputName">Name</label>
<input class="form-control" type="text"
id="inputName" placeholder="Name">
</div>
<div class="form-group">
<label class="col-sm-2 control-label" for="inputEmail">Email</label>
<div class="col-sm-10">
<input class="form-control" type="email"
id="inputEmail" placeholder="Email">
</div>
</div>
<div class="form-group">
<label for="selectSite">Site</label>
<select class="form-control" id="selectSite">
<option>Choose...</option>
<option>lynda.com</option>
<option>raybo.org</option>
<option>iviewsource.com</option>
</select>
</div>
<div class="checkbox">
<label>
<input id="inputAddList"
type="checkbox">Add me to e-mail blast
</label>
</div>
<div class="form-group">
<label for="inputComments">Comments</label>
<textarea class="form-control"
id="inputComments"></textarea>
</div>
<input type="submit" class="btn btn-default"
value="submit">
</form>
</section>
</div><!-- row -->
</div><!-- content container -->
我的坏,非常感谢你! :) – Rumata
不客气! –