Css 如何正确对齐引导窗体上没有标签的字段
我有Css 如何正确对齐引导窗体上没有标签的字段,css,twitter-bootstrap,Css,Twitter Bootstrap,我有 名称 jsfiddle: 我想为姓氏添加标签,所以我只想为名字和姓氏添加标签。如何使用引导实现这一点 更新: 我可以做这样的东西: <form action="#" method="post" class="well"> <fieldset> <div class="control-group"> <label class="control-label" for="FirstName">Na
名称
jsfiddle:
我想为姓氏添加标签,所以我只想为名字和姓氏添加标签。如何使用引导实现这一点
更新:
我可以做这样的东西:
<form action="#" method="post" class="well">
<fieldset>
<div class="control-group">
<label class="control-label" for="FirstName">Name</label>
<div class="controls row-fluid">
<div class="span2 row">
<input class="span12" id="FirstName" name="FirstName" placeholder="Firstname" type="text" value=""/>
</div>
<div class="span2 row">
<input class="span12" id="MiddleName" name="MiddleName" placeholder="Middlename" type="text" value=""/>
</div>
<div class="span2 row">
<input class="span12" id="LastName" name="LastName" placeholder="Lastname" type="text" value=""/>
</div>
</div>
</div>
</fieldset>
</form>
名字
//无标签字段
名字
但它增加了额外的边距样式。类似这样的内容:
<div class="row-fluid">
<div class="span12">
<div class="span4">
<label>First Name</label>
<input type="text" class="span12" placeholder="First Name">
</div>
<div class="span4" style="margin-top: 25px;">
// field without label
<input type="text" class="span12" placeholder="Last Name">
</div>
<div class="span4 ">
<label>First Name</label>
<input type="text" class="span12" placeholder="Last Name">
</div>
</div>
</div>
名字
姓
只需在您自己的css中覆盖bootstrap.css
(第946行)中的标签
样式即可
它有
5px
底部边距,只需将其设置为您所需的边距,但有一点间距很好;) 没错,但如何删除中间名的标签并保存正确的内联对齐方式呢?可能有点老套,但
可以做到:p
<form action="#" method="post" class="well">
<fieldset>
<div class="control-group">
<div class="row-fluid">
<div class="span3">
<label for="FirstName">First name</label>
<input class="span12" id="FirstName" name="FirstName" placeholder="Firstname" type="text" value=""/>
</div>
<div class="span3">
<label for="MiddleName"> </label>
<input class="span12" id="MiddleName" name="MiddleName" placeholder="Middlename" type="text" value=""/>
</div>
<div class="span3">
<label for="LastName">Last name</label>
<input class="span12" id="LastName" name="LastName" placeholder="Lastname" type="text" value=""/>
</div>
</div>
</div>
</fieldset>
</form>