Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 如何正确对齐引导窗体上没有标签的字段_Css_Twitter Bootstrap - Fatal编程技术网

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">&nbsp;</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>