бутстраповских-modal.js разбивал Bootstrap 3

Question

В моем коде есть 2 секции (взято из примера) - Некоторых входные и Some More Input. Я вижу только Some More Input с отключенной полосой прокрутки и некоторыми кнопками в левой части страницы. (посмотрите на него here)

Прежде чем вы ответите, я уже применил патч к основному бутстрап-модальному CSS и включил как bootstrap-modal, так и modalmanager. Я пробовал разместить его повсюду, но он все еще выглядит сломанным.

Мой код:

<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" на элемент контроллера, как кнопка, вместе с target-target = "# foo" или href = "# foo", чтобы настроить конкретный модальный режим для переключения.

Поэтому вы должны добавить этот код ниже.

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

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

Посмотрите на Madal документа, он объясняет, как использовать Madal метод.