0

私はdjangoとtwiiterのブートストラップを使用しています。以下のコードでは、ブートストラップモーダル内でdjangoビューを呼び出しています。これは、userenaログインフォーム（accounts / signin /）です。ビューはモーダル内でレンダリングされますが、スクロールバーが表示されます。このスクロールバーを削除したいと思います。

これが私のモーダルコードです

<script>
   $(document).ready(function() {
     $('#signup').modal({
       remote: '/accounts/signin/',
       show: false
     });
   });
</script>   

    <div class="container">
    <div id="signup" class="modal hide fade in" style="display: none;">
    <div class="modal-header">
             <a class="close" data-dismiss="modal">Sample</a>
             </div>
        <div class="modal-footer">
          <a href="#" class="btn btn-primary" data-dismiss="modal">Close</a>
        </div>  
     </div>
</div>

ここでモーダルを呼び出します

    <li><a data-toggle="modal" href="#signup">Signs Up New</a></li>

これは、ブートストラップモーダルを表示するための正しいアプローチですか？スクロールバーを取り除くにはどうすればよいですか？

4

1 に答える 1

0

クラス「Modal-body」で「div」を追加して、コンテンツを保持し、最大の高さまたは最大の幅を定義します。以下のコード例を参照してください。

<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
    <h3 id="myModalLabel">Modal Title</h3>
    </div>
    <div class="modal-body" style="max-height:800px;">
        Your content here...
    </div>
    <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
    </div>
</div>
于 2013-06-11T10:00:11.990 に答える