1

我有一个包含表单的模式，我试图将它分成两个垂直列。我正在使用包含 span12 行的流体容器，该行又分为两个 span 6 div。

一切都很好，除非我尝试通过将表单设置为水平表单并将控件放在带有标签的控件组中来使控件水平。它以某种方式只是将名称标签和相关控件推到右侧，并忽略了它所在的 span6 div。我将部分标记粘贴在下面：

            <div modal="shouldBeOpen" class="container-fluid" close="close()" options="opts">
            <div class="row-fluid">
                <div class="span12">
                    <div class="modal-header">
                        <h4>I'm a modal!</h4>
                    </div>
                    <div class="modal-body">
                        <div class="modal-form">
                            <form class="form-horizontal" novalidate>
                                <div class="row-fluid">
                                    <div class="span6">
                                        <div class="control-group">
                                            <label class="control-label">Name: </label>
                                            <div class="controls">
                                                <span class="input-medium uneditable-input">some name</span>
                                            </div>
                                        </div>
4

1 回答 1

2

引导 CSS 中的 .form-horizo​​ntal .control-label 和 .form-horizo​​ntal .controls 上有一些样式，您需要覆盖这些样式。

.form-horizontal .control-label { 
  width:auto; float:none; display:inline; text-align:left;
}
.form-horizontal .controls { display:inline-block; margin-left:0; }
于 2013-05-21T21:39:03.340 回答