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

我正在使用django和twiiter bootstrap。在下面的代码中，我调用了引导模式中的django视图，它是一个userena登录表单 - accounts/signin /。该视图呈现模态内，但我得到一个滚动条，我想摆脱这个滚动条。如何从twitter引导模式中删除滚动条？

这里是我的模态代码

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

这是展现引导模式的一个正确的做法？我该如何摆脱滚动条？

来源

2013-02-02 Mayank

有人可以帮助我这个，它有超过30个意见，但没有答案。 – Mayank

是比屏幕适合的内容多吗？ – mabdrabo

刚刚找到解决方案，它的工作原理是响应式，可堆叠式，aJAX等等。 –

添加一个带'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-11 10:00:11 Rolly

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

回答

相关问题