引導程序中的bootstrap-modal.js破壞3

Question

在我的代碼中，有2個部分（取自示例） - 某些輸入和部分更多輸入。我只看到一些更多輸入帶有禁用的滾動條和頁面左側的一些按鈕。 （看看它here）

在你回答之前，我已經應用了主引導模式CSS之前的補丁，並且同時包含引導模式和模式管理器。我試過把它放在任何地方，但它仍然顯示破碎。

我的代碼：

<div id="responsive" class="modal fade" data-width="760" style="display: none;"> 
    <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 
     <h4 class="modal-title">Responsive</h4> 
    </div> 
    <div class="modal-body"> 
     <div class="row"> 
      <div class="col-md-6"> 
       <h4>Some Input</h4> 
       <p><input class="form-control" type="text"></p> 
      </div> 
      <div class="col-md-6"> 
       <h4>Some More Input</h4> 
       <p><input class="form-control" type="text"></p> 
      </div> 
     </div> 
    </div> 
    <div class="modal-footer"> 
     <button type="button" data-dismiss="modal" class="btn btn-default">Close</button> 
     <button type="button" class="btn btn-primary">Save changes</button> 
    </div> 
</div> 

Answer 1

那麼，自己修復這個問題。發現該頁面上的例子與Bootstrap 3不兼容，所以我試着用Bootstrap文檔編寫我自己的例子。 （我是這樣一個白癡使用的例子）

Answer 2

激活模式，而無需編寫的JavaScript。在控制器元素（如按鈕）上設置data-toggle =「modal」以及data-target =「＃foo」或href =「＃foo」以將特定模式作爲切換目標。

所以你應該在下面添加下面的代碼。

<button type="button" data-toggle="modal" data-target="#responsive">Launch modal</button> 

http://getbootstrap.com/javascript/#modals

看madal文檔，它解釋瞭如何使用madal方法。