私のコードには、2 つのセクション (例から取得) があります - Some InputとSome More Input。無効なスクロールバーといくつかのボタンがページの左側にあるSome More Inputしか表示されません。(ここを見てください)
あなたが答える前に、メインのbootstrap-modal 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>