引導：調整表峯尺寸

Question

我使用模式，以顯示錶：

 <div class="modal-body"> 
      <form class="form-horizontal"> 
       <label><h5>dev</h5></label> 
       <input type="text" class="input-xlarge" id="dconDev"> 
       <label><h5>speed</h5></label> 
       <input type="text" class="input-xlarge" id="dconSpeed"> 
       <input type="button" class="btn" id="dconBut" onclick="$('#appBlock').fadeIn('normal'); $('#dcon').show(); addPort('dcon',$('#dconDev').val(),$('#dconSpeed').val())" value="Добавить"> 
       <table class="table table-condensed"> 
        <thead> 
         <th>lbl</th> 
         <th>edizm</th> 
         <th>id</th> 
         <th>a</th> 
         <th>b</th> 
         <th>en_spar</th> 
         <th>spar</th> 
         <th>en_period</th> 
         <th>peiod</th> 
        </thead> 
        <tbody id="dconTable"> 
         <th><input type="text" id="lbld"></th> 
         <th><input type="text" id="edizmd"></th> 
         <th><input type="text" id="idd"></th> 
         <th><input type="text" id="ad"></th> 
         <th><input type="text" id="bd"></th> 
         <th><input type="text" id="en_spard"></th> 
         <th><input type="text" id="spard"></th> 
         <th><input type="text" id="en_periodd"></th> 
         <th><input type="text" id="periodd"></th> 
        </tbody> 
       </table> 
      </form> 
     </div> 
     <div class="modal-footer"> 
      <a href="#" class="btn" data-dismiss="modal">Close</a> 
      <a href="#" class="btn btn-primary">Save changes</a> 
     </div> 
    </div> 

我怎樣才能使模式擴展到表的大小，或符合表模態的邊界？我試圖在bootstrap.css中編輯模態部分，但模態的新位置不在中心。此外，我試圖添加類似於class="span4到表內的標籤，這似乎什麼也沒有做。 謝謝。

Answer 1

假設模式寬度爲600px。要將模態定位在中心，請使用

.modal { left：50％; margin-left：-300px; （它的一半寬度的負值;） }