twitter-bootstrap - 如何从 twitter 引导模式中删除滚动条？

Question

我正在使用 django 和 twiiter 引导程序。在下面的代码中，我在引导模式中调用 django 视图，它是一个 userena 登录表单 - 帐户/登录/。视图呈现在模态中，但我得到一个滚动条，我想摆脱这个滚动条。

这是我的模态代码

<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>           

这是显示引导模式的正确方法吗？如何摆脱滚动条？

Answer 1

添加一个带有“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>