2012-04-25 85 views
13

我在我的一個項目中使用了Twitter Bootstrap,但我遇到了問題,即我的內容不在瀏覽器視圖中。通常你會看到屏幕右側的滾動條,但在我的情況下不會。我搜索了overflow: hidden;之類的bootstrap css文件並刪除了它,但那並沒有解決問題。Bootstrap:如何啓用滾動條?

有人知道如何啓用引導CSS的滾動條? (無引導的CSS條顯示)

編輯:

我必須找出問題的navbar-fixed黑色導航欄,您可以添加。沒有postition: fixed它工作正常。

+1

發佈一些代碼,以便我們可以看一看,我們不能盲目地診斷問題。 – 2012-04-25 18:12:38

+0

我相信這個問題是在你的CSS文件的某個地方,你的項目的一些代碼或鏈接將是有用的,你有沒有試圖檢查你的容器在Firebug? – Nazariy 2012-04-30 01:18:22

+1

http://stackoverflow.com/questions/9997192/twitter-bootstrap-fixed-layout-with-scrollable-sidebar – 2012-05-01 23:36:55

回答

2

我發現刪除「的位置是:固定」的導航欄解決了這個問題對我來說:

.navbar-fixed-top, .navbar-fixed-bottom { 
    /*position: fixed;*/ 
    right: 0; 
    left: 0; 
    z-index: 1030; 
    margin-bottom: 0; 
} 

這傢伙也有一些更有用的信息:http://davidlains.com/strange-twitter-bootstrap-scrolling-issue

+1

作爲給大家的一個提示,就我而言,我發現我的身體風格上有'overflow:hidden'。永遠找到那個。 – 2015-09-16 15:13:15

1
<style type="text/css"> 
      body, html { 
       height: 100%; 
       overflow: hidden; 
      } 

      .navbar-inner { 
       height: 40px; 
      } 

      .scrollable { 
       height: 100%; 
       overflow: auto; 
      } 

      .max-height { 
       height: 100%; 
      } 

      .no-overflow { 
       overflow: hidden; 
      } 

      .pad40-top { 
       padding-top: 40px; 
      } 
    </style> 

希望這是你在找什麼

15

確保導航欄中的所有<div>都已關閉。如果不是,固定屬性由降序標籤繼承,滾動條消失。

1

您在HTML代碼中缺少關閉</div>。對於每個<div class="foobar">,您必須關閉</div>。這(滾動問題)可能會發生在使用twitter引導而不是關閉你的div。

3

用你最後的樣式表覆蓋它。
(可能是你自己的主題樣式表。)

html, body { 
    overflow: visible; 
} 
+0

也被迫做這個溢出:可見!對身體課很重要。取消位置:固定不適合我。 – 2015-04-15 06:35:39