需要将元素与引导程序对齐

时间:2014-03-30 11:24:09

标签: twitter-bootstrap-3

我有自举形式,我需要修复两个元素对齐。屏幕截图使用以下标记

显示表单http://s27.postimg.org/j8h3d0203/screen2.png的当前外观
<fieldset class="col-md-8">
                                        <div class="form-group">

                                            <label for="BI16" class="col-md-4 control-label">Visual Acuity L:20/:</label>
                                            <div class="col-md-2">
                                                <input type="text" id="BI16" name="medicareNumber" class="form-control" />
                                            </div>
                                            <label for="BI16" class="col-md-2 control-label">R: 20/</label>
                                            <div class="col-md-2">
                                                <input type="text" id="BI16" name="medicareNumber" class="form-control"/>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div>
                                                <yesno-button button1="yes" button2="no" id="B19" value1="BV8" value2="BV9"></yesno-button>
                                                <label for="B19" class="radio-inline control-label">
                                                    Creative Lens Used?
                                                </label>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div>
                                                <yesno-button button1="yes" button2="no" id="B20" value1="BV6" value2="BV7"></yesno-button>
                                                <label for="B20" class="radio-inline control-label">
                                                    Will the patient consent to an End of Life Planning discussion?
                                                </label>
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <div>

                                                <label for="B12" class="col-md-2 control-label">Comments:</label>
                                                <div class="col-md-10">
                                                    <input type="text" id="B12" class="form-control" />
                                                </div>
                                            </div>
                                        </div>
                                    </fieldset>

1 个答案:

答案 0 :(得分:0)

您想要对齐哪种形式?你可以使用

<p class="text-left">Left aligned text.</p> <p class="text-center">Center aligned text.</p> <p class="text-right">Right aligned text.</p> <p class="text-justify">Justified text.</p>