2017-10-11 2 views
-1

ich die Laravel Dokumentation Code verwende und haben Paginierung durch zeigtKeeping Paginierung und Bildschirmgrößen

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

Das Problem, das ich begegnen, ist, dass ich sechs Seiten haben und das ist in Ordnung, alle sechs Verbindungen zu einem nächsten zeigt und früheren Taste auf dem Desktop, aber wenn ich die Bildschirmgröße auf mobile ändern, ist es zu groß und geht auf eine zweite Zeile, wie bekomme ich die Paginierung auf den Bildschirm passen. Reagiert es auf CSS oder ist ihr PHP ich hinzufügen?

+0

verwenden Sie bootstrap? – Webinion

+0

ja nur "Text-Center" auf diesem, im Moment und seine in einem Container usw. – detinu20

+1

können Sie kleine Links der Seitenumbruch durch Hinzufügen dieser Klasse 'Paginierung-sm' – Webinion

Antwort

0

Wenn Sie jQuery verwenden, können Sie dies tun.

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

Durch Ihren obigen Code, wird es Paginierung Klasse erzeugen, die eigentlich für mittleren Bildschirm arbeiten. Sie können auch die Paginierungsklasse hinzufügen.

Hoffe diese Hilfe :)

+0

Nicht Jquery verwenden. Das Problem ist, dass die Seiten nicht verkleinert werden und alle angezeigt werden, zum Beispiel "vorheriges 1, 3, 4, 5, 7, nächstes", was bedeutet, dass es über ein paar Zeilen geht. – detinu20

+0

Sie können das gleiche auch in JavaScript tun. Es wird behandelt. Wenn Sie möchten, kann ich diesen Code in JavaScript konvertieren. Durch das Hinzufügen dieser Klasse wird der Bootstrap automatisch mit den Verantwortlichkeiten umgehen – Vikash