AllenFang / AllenFang/react-bootstrap-table

-md classes cause layout problems on narrow devices

Offen
#784 1 Kommentar 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
enhancement
Vorherrschende Sprache
JavaScript
Sterne
2.2k
Forks
760
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

Beschreibung

Some table elements use "col-md-" classes, which display badly on small devices. Why not use "col-xs-" instead (or make it customizable)?

Here is an example where the pagination lays on two different lines for no good reason.

![2016-10-19_20-15-04](https://cloud.githubusercontent.com/assets/12040845/19531691/d9f13e80-9638-11e6-8afe-4e68f70ccb90.png)

Replacing them by "col-xs-" in dev tools fixes the issue (but not that easy to override otherwise).

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Untersuche die Tabellenelemente, die `col-md-`-Klassen verwenden, und reproduziere das Umbrechen der Pagination auf einem schmalen Gerät. Vergleiche das Verhalten mit der Größenangabe `col-xs-` oder einer anpassbaren Alternative; abgeschlossen, wenn die Pagination auf kleinen Bildschirmen korrekt ausgerichtet bleibt, ohne bestehende Tabellenlayouts zu beeinträchtigen.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
bootstrap, javascript, react
Bereich
frontend
Issue-Typ
Bug
Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
35/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.