부트 스트랩

Question

의 범위 내에서 제어 그룹을 피팅 나는 양식이 포함되어 모달을하고 난 두 개의 수직 기둥으로 분할하기 위해 노력하고있어. 나는 span12 행을 포함하는 fluid-container를 사용하는데,이 span은 2 span 6 div로 나누어집니다.

모든 것은 내가 폼 수평으로 형태를 만들고 그 레이블이 대조군에 컨트롤을 넣어 컨트롤이 수평 만들려고하는 경우를 제외하고 좋다. 그것은 어떻게 든 바로 오른쪽에있는 이름 라벨 및 관련 제어를 밀어가에있는 span6의 사업부를 무시 나는 아래 부분 마크 업 붙여 해요 :.

  <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에 대한 몇 가지 스타일이 있습니다를 부트 스트랩 CSS에서 -label 및 .form-horizontal .controls를 사용하여 재정의해야합니다.

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