установка контрольной группы внутри пролета в бутстрапе

Question

У меня есть модальный, который содержит форму, и я пытаюсь разделить ее на две вертикальные столбцы. Я использую жидкость-контейнер, содержащий строку span12, которая, в свою очередь, разделяется на два диапазона 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> 

Answer 1

Есть несколько стилей на .FORM горизонтальной .control -label и .form-horizontal .controls в bootstrap CSS, которые вам нужно будет переопределить.

.form-horizontal .control-label { 
    width:auto; float:none; display:inline; text-align:left; 
} 
.form-horizontal .controls { display:inline-block; margin-left:0; }