自舉模態拉伸到整頁寬度？

Question

我正在實現模態，它延伸到完整的頁面寬度，不像在bootstrap網站上演示的那樣。

<div class="modal fade" id="contact" role="dialog"> 
      <div class="modal-disalog"> 
       <div class="modal-content"> 
        <div class="modal-header"> 
         <p>Contact Us</p> 
        </div> 
        <div class="modal-body"> 
         <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p> 
        </div> 
        <div class="modal-footer"> 
         <a class="btn btn-info" data-dismiss="modal">Ok</a> 
        </div> 
       </div> 
      </div> 
     </div> 

Answer 1

只有一個錯字：

<div class="modal-disalog"> 

應該

<div class="modal-dialog"> 

和正確的CSS規則應適用。

Answer 2

同級車=第2行

「模式，對話框中的」不類=「模式，disalog」這應該工作。

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" > 
     <div class="modal-dialog"> 
      <div class="modal-content"> 
       <div class="modal-header"> 
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
        <h4 class="modal-title" id="myModalLabel" style="color: gray;">Title</h4> 
       </div> 
       <div class="modal-body" style="color: black;"> 
       <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p> 
       </div> 
       <div class="modal-footer"> 
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
        <button type="button" class="btn btn-primary">Save changes</button> 
       </div> 
      </div> 
     </div> 
    </div>