垂直对齐我的输入

时间:2015-01-29 12:28:44

标签: css3 twitter-bootstrap twitter-bootstrap-3

我已经尝试过我在互联网上看过的东西,但没有任何作用,我不知道为什么......

我的标签/输入垂直对齐有问题: the problem there

还有代码:

<!-- in <form> tag -->
<fieldset> 
    <legend style="font-family:'Helvetica Neue', sans-serif;">General info</legend>

    <div class="row form-group pagination-centered">
        <div class="form-horizontal">
            <div class="col-sm-3 col-md-3 col-lg-3">
            </div>
            <div class="col-sm-6 col-md-6 col-lg-6">
                <div class="col-sm-4 col-md-4 col-lg-4">
                    <label class="control-label pull-right">Platform :</label>
                </div>
                <div class="col-sm-3 col-md-3 col-lg-3">
                    <label class="radio-inline"> <input type="radio" name="plat" id="plat1" value="plat1" checked> plat1 </label>
                </div>
                <div class="col-sm-3 col-md-3 col-lg-3">
                    <label class="radio-inline"> <input type="radio" name="plat" id="plat2" value="plat2"> plat2 </label>
                </div>
            </div>
        </div>
    </div>

    <div class="row form-group pagination-centered">
        <div class="form-horizontal">
            <div class="col-sm-3 col-md-3 col-lg-3">
            </div>
            <div class="col-sm-6 col-md-6 col-lg-6">
                <div class="col-sm-4 col-md-4 col-lg-4">
                    <label for="version" class="pull-right">Version :</label>
                </div>
                <div class="col-sm-8 col-md-8 col-lg-8">
                    <select id="version" name="version" class="form-control text-center">
                    </select>
                </div>
            </div>
        </div>
    </div>

    <!-- more selects and more inputs -->
</fieldset>
<!-- more elements then end </form> -->

我尝试了形式垂直和类似的东西,没有结果。

在另一个主题中,我已经看到了这个:

   label, input {
    display: inline-block;
    vertical-align: baseline;
    width: 125px;
}

label {
    color: #2D2D2D;
    font-size: 15px;
}

form, input {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

但是当我把它放在我的CSS中时没有任何事情发生..

我的错误在哪里?

谢谢你们。

0 个答案:

没有答案
相关问题