Druckbare Version
Ich habe Probleme mit dem EUF-Grid.
Bis Bildschirmbreiten > 400px funktioniert alles einwandfrei, darunter passen sich die Elemente nicht mehr an die Bildschirmbreite an, d.h. der rechte Rand wird abgeschnitten. Das ist tasächlich nur bei Elementen, die sich innerhalb eines row-Elementes befinden. Elemente, die nicht mit Hilfe des Gridsystems positioniert werden, passen sich einwandfrei der Breite des Bildschirms an.
Hat jemand eine Idee, woran es liegen könnte?
Magst du uns den Link zu der betreffenden Webseite uns mitteilen?
So ich habe eben mal mit geschaut.
Auf der Startseite verschiebt es das nach rechts - sehe ich.
Im Code ist nur die Klasse „col-md-4” eingetragen, also fehlt hier die Klasse „col-xs-12” dann sollte das auf die volle Breite gehen.
Ich dachte, wenn ich für xs keine Klasse angebe, wird auf die Einteilung in Spalten automatisch verzichtet?
Hi
also das Video ist zu empfehlen
https://erdmann-freunde.de/dokumenta...ngen/euf-grid/
hab gedacht das es Sinnvoll wäre das noch zu Posten (ich hab auch gedacht das es keine Rolle spielt das die xs Klasse weggelassen wird aber dem war nicht so)
Gesendet von iPhone mit Tapatalk Pro
Komischerweise funktioniert das bei Bildschirmen der Größe 'sm' auch ohne explizite Angabe einer Klasse einwandfrei ... :confused:
Also ich verwende nur die Klassen vom EUF Grid, da kann man nix falsch machen und seit die Version 3 draussen ist, ist es noch einfacher die Elemente zu positionieren (kann mich auch täuschen)Zitat:
Zitat von Lufine
Gesendet von iPhone mit Tapatalk Pro
Ja, ich benutze auch ausschließlich EUF-Klassen. Diese allerdings nur, wenn ich auch wirklich eine Spaltenaufteilung möchte. Und das ist in diesem Fall nur ab der Größe 'md' so. Und wie gesagt: bei 'sm' funktioniert es ja auch ohne Angabe einer Klasse :confused:
Ich habe mir gerade nochmal das Video angeguckt: hört sich für mich so an, als ob auch dort der Ansatz 'mobile first' gilt, d.h. wenn ich col-md-4 für ein Element vergebe, gilt das erst ab mittleren Bildschirmgrößen. Alles darunter ist automatisch 12 Spalten breit. Auch im Video werden die kleinen Bildschirmbreiten, in denen die Inhalte über 12 Spalten gehen sollen, nicht explizit angesprochen. Im Video ist das ab ca. 8:20 zusehen: https://youtu.be/9TyaH7TKcOk
Ich habe es jetzt so gelöst:
Dann muss ich nicht jedes einzelne Element mit der Klasse col-xs-12 versehen ...Code:@include media-query(screen-xs-max) {
.row {
grid-gap: 0;
}
}