如何啓用模態的背景陰影？

Question

我創建了一個用於註冊和登錄的引導模式。我發現，當模式彈出時，背景不會自動產生陰影，因爲它應該在我使用引導模式時執行操作。我無法找到原因。 打開模式後，我想讓背景變暗一些，以便用戶只能關注模態內容。我也希望模態能夠定位到屏幕中心。那麼請誰能告訴我如何做到這一點？

以下是我的模態代碼？

       <!-- Modal --> 
    <div class="modal reg_modal " id="regestration" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" > 
    <div class="modal-dialog" id="reg_outer_div" data-backdrop="true" > 
     <div class="modal-content " style="background: white;width:700px;"> 
     <div class="modal-header" id ="reg_modal_header" style=""> 
      <button type="button" class="close reg" id ="reg_close" data-dismiss="modal" aria-hidden="true">&times;</button> 
      <h4 class="modal-title" align="center" style="color:white;" id="reg_log_modal_header_text"> </h4> 
     </div><!--/header--> 
     <div class="modal-body" style="background: white;" id="regmodal_body"> 


      </div><!-- /end modal body--> 
     </div><!-- /.modal-content --> 
    </div><!-- /.modal-dialog --> 
    </div><!-- /.modal --> 

Answer 1

你的代碼似乎工作正常。

<a data-toggle="modal" href="#regestration" class="btn btn-primary btn-large">Launch demo modal</a> 

<div class="modal reg_modal " id="regestration" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" > 
    <div class="modal-dialog" id="reg_outer_div" data-backdrop="true" > 
     <div class="modal-content " style="background: white;width:700px;"> 
     <div class="modal-header" id ="reg_modal_header" style=""> 
      <button type="button" class="close reg" id ="reg_close" data-dismiss="modal" aria-hidden="true">&times;</button> 
      <h4 class="modal-title" align="center" style="color:white;" id="reg_log_modal_header_text"> </h4> 
     </div><!--/header--> 
     <div class="modal-body" style="background: white;" id="regmodal_body"> 


      </div><!-- /end modal body--> 
     </div><!-- /.modal-content --> 
    </div><!-- /.modal-dialog --> 
    </div><!-- /.modal --> 

結賬小提琴http://jsfiddle.net/x79kS/

檢查您還沒有jQuery的對話框。

請參考http://getbootstrap.com/2.3.2/javascript.html#modals的文檔