2017-10-11 11 views
-1

私はlaravelドキュメントのコードを使用して維持ページネーションのサイズの画面

    {!!$sights->appends(Request::all())->links()!!} 

私が遭遇した問題を通じて示すページネーションを持っています、私は6ページを持っているし、それは次のと以前のすべての6つのリンクを示す罰金であるということですボタンを押しても、画面サイズをモバイルに変更すると大きすぎて2行目に移動しますが、画面に合わせるにはどうすればよいのですか。それはCSSに応答するか、私は追加する必要がある彼らのPHPですか?

+0

ブートストラップを使用していますか? – Webinion

+0

はい、これだけで、この時点でコンテナ内にある 'text-center' – detinu20

+1

このクラス 'pagination-sm'を追加することで、ページネーションの小さなリンクを作ることができます – Webinion

答えて

0

jQueryを使用している場合は、これを行うことができます。あなたの上記のコードによって

$('.pagination').addClass('pagination-sm')

、それが実際にメディアスクリーンのために働くあるページネーションクラスを生成します。ページ区切りクラスを追加することもできます。

希望:

+0

Jqueryを使用していません。問題は、それがページを切り詰めることではなく、例えば、前の3,4,5,7、次のようなものではなく、すべてを表示しているということです。これは、数行以上進んでいることを意味しています。 – detinu20

+0

JavaScriptでも同じことができます。それが処理されます。あなたが望むなら、JavaScriptでこのコードを変換することができます。このクラスを追加することで、ブートストラップは自動的にresponsivnesを処理します – Vikash

関連する問題