Bootstrap 3拉右不起作用

Question

我正在使用Bootstrap 3创建一个多列表单.

这是第一列.

<div class="container">
    <div class="row clearfix">
        <div class="col-md-12 column">
            <form class="form-inline" role="form">
                <div class="row">
                    <div class="col-md-3">
                        <div class="form-group">
                             <label for="RecordID" class="col-md-4 nopadding">Record ID</label><div class="col-md-8 nopadding pull-right"><input class="form-control" id="RecordID" type="text"></div>
                        </div>
                        <div class="form-group">
                             <label for="ID" class="col-md-5 nopadding">ID</label><div class="col-md-7 nopadding pull-right"><input class="form-control" id="ID" type="text"></div>
                        </div>
                        <div class="form-group nopadding">
                             <label for="FamilyName" class="col-md-5 nopadding">Family Name</label><div class="col-md-7 nopadding"><input class="form-control" id="FamilyName" type="text" maxlength="30"></div>
                        </div>
                        <div class="form-group">
                             <label for="GivenName" class="col-md-5 nopadding">Given Name</label><div class="col-md-7 nopadding"><input class="form-control" id="GivenName" type="text" maxlength="30"></div>
                        </div>
                        <div class="form-group">
                             <label for="MiddleName" class="col-md-5 nopadding">Middle Name</label><div class="col-md-7 nopadding"><input class="form-control" id="MiddleName" type="text" maxlength="30"></div>
                        </div>
                    </div>
                    //other column
                </div>
            </form>
        </div>
    </div>
</div>

但是,我得到的第一列看起来像这样.

我想将文本字段对齐到右边,所以我将"pull-right"类添加到封装了ID文本字段的div中.但是,它不起作用.

这是JSFiddle链接,你会在链接中找到nopadding类,它只是删除了填充.JSFiddle的结果框默认不够大,你需要拉结果框才能得到我得到的结果:JSFiddle链接

Answer 1

将 class="form-group col-md-12 nopadding" 添加到当前的 div <div class="form-group">