如何從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引導模式中刪除滾動條？

回答

相關問題