html - 垂直单选按钮标签与首选之间的宽间距

Question

垂直单选按钮标签和首选之间的宽间距。在一个理想的世界中，我希望它与字段标签和字段顶行之间的空间量相同。有什么想法或想法吗？提前致谢。

http://jsfiddle.net/steveadams617/MgcDU/8543/

<div class="container">
    <form>
      <div class="row">
        <div class="col-sm-6">
            <div class='form-group'>
                <label for="provider_id">Provider</label>
                <div>
                    <input class="form-control" type="text" maxlength="255" value="" name="provider_id_auto" id="provider_id_auto"/>
                </div>

            </div>
        </div>
        <div class="col-sm-3">
            <div class='form-group'>
                <label for='phone_us'>Phone</label>
                <input class='form-control phone_us' type='text' maxlength='14' value='' name='phone_us' id='phone_us'/>
            </div>
        </div>
    </div><!-- .row -->

    <div class='row'>
        <div class="col-sm-6">
                <label for="med_coverage_id">Insurance Coverage</label>
                <div class="radio">
                    <label>
                        <input type="radio" name="med_coverage_id" value="1" checked />
                        Pending
                    </label>
                </div>
                <div class="radio">
                    <label>
                        <input type="radio" name="med_coverage_id" value="2"    />
                        Covered
                    </label>
                </div>
                <div class="radio">
                    <label>
                        <input type="radio" name="med_coverage_id" value="3"    />
                        Needs Prior Approval
                    </label>
                </div>
        </div>
    </div><!-- .row -->
    </form>
</div><!-- .container -->

Answer 1

您的 div .radio 的 margin-top 为 10px。你可以像这样手动调整这个

<div class="radio" style="margin-top: 0px;">
    <label>
    <input type="radio" name="med_coverage_id" value="1" checked="">Pending </label>
</div>

当然也可以编辑样式表或将您自己的样式添加到 .radio 类(例如，如果您使用的是 CDN)。