ブートストラップ3パネルモバイルスクロール/レスポンス

Question

ここに私の問題があります：私は内部のユーザーのリストを持つブートストラップ3パネルを実装しようとしています。このリストは別のブートストラップ3パネルの中にあります。 こちらをご覧ください： https://jsfiddle.net/gwnyyvaa/

ok some apparently some code is needed here 

今の問題は、モバイル上で、それはスクロールを許可しないということです。私はそれが1ページにそれを表示するために小さい方法にモバイル画面があるので、スクロールを許可することを期待しました。

ありがとうございます！

Answer 1

パネルに表示するテキストが多すぎると、ブートストラップによって自動的にパネルスクロールが行われません。だからあなたは自分でそれをするためにいくつかのCSSを追加する必要があります。ここにあなたが追加する必要がCSSは次のとおりです。

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

これは、テキストは、コンテナをオーバーフローする場合.user_listの.panel-bodyが水平方向にスクロールするようになります。ここで

上記CSSとフィドルが追加されます。 https://jsfiddle.net/89cpmctt/1/

をあなたはそれが垂直方向にスクロールしたい場合は、あなたがパネルに高さを割り当てる必要があります。これは、divがコンテンツに合わせて垂直方向に拡張されるためです。したがって.panel-bodyにheightプロパティを追加する必要があります。 overflow-y:autoと一緒に。ここに例があります

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