Bootstrap 3面板移動滾動/響應

這是我的問題：我試圖實現一個引導3面板與用戶列表裏面。該列表位於另一個引導程序3面板內。在這裏看到： https://jsfiddle.net/gwnyyvaa/Bootstrap 3面板移動滾動/響應

ok some apparently some code is needed here

現在的問題是，在移動設備上，它不允許滾動。我預計它會允許滾動，因爲手機屏幕很小，可以在一個頁面上顯示。

謝謝！

來源

2017-02-12 BusinessGuy

如果面板中顯示的文本太多，Bootstrap不會自動讓面板滾動。所以你應該添加一些CSS來自己做。以下是你需要添加CSS：

.users_list .panel-body { 
    overflow-x: auto; 
}

這將導致.user_list的.panel-body如果文本將溢出容器水平滾動條。

這裏是添加上述CSS小提琴： https://jsfiddle.net/89cpmctt/1/

如果你想讓它垂直滾動，那麼你就必須高度分配到面板上。這是因爲div會垂直擴展以適應內容。所以你需要添加height屬性到.panel-body。隨着overflow-y:auto。這裏是一個例子

.panel-body { 
    height: 500px; 
    overflow-y: auto; 
}

來源

2017-02-12 19:55:11

我已經添加了代碼，並且面板很好地滾動。但只有父面板內的面板。包含所有內容的實際面板仍然不滾動。我將試圖讓它使用這個溢出屬性進行滾動。你有什麼想法可能是什麼問題？感謝您的幫助！ – BusinessGuy

我只是注意到你說的水平。我的意思是垂直滾動。即使我將其更改爲overflow-y，它仍然不起作用。這是我的問題具體：1圖像，顯示完整面板：http://pasteboard.co/xAhW0DMbN.png 2圖像：http://pasteboard.co/xAhibEmT6.png顯示它調整大小。滾動條顯示，但它不滾動，直到按鈕，如圖1 – BusinessGuy

@BusinessGuy如果你想滾動，那麼你必須在你的'.panel-body'屬性中添加一個'height'屬性CSS代碼。當然還有'overflow-y：auto'。 –

Bootstrap 3面板移動滾動/響應

回答

相關問題