Ich experimentiere mit dem kürzlich veröffentlichten MDL-Kit und versuche, das Rasterlayout mit Karten und Tabellen zu verwenden.
Was ich gefunden habe, war, dass das MDL-Gitter nicht so flexibel ist wie das Bootstrap-Gitter für verschachtelte Spalten (wahrscheinlich, weil ich noch nicht genug darüber weiß). In meinem 3-Spalten-Layout verwende ich Karten und Tabellen nebeneinander, um die Daten zu präsentieren, die ich habe.
Aber leider deckt die Karte nicht die gesamte Breite einer Spalte ab, es sei denn, ich width width = 100% manuell an. Aber sobald ich es tue, reagiert der Tisch nicht mehr und überlappt sich mit Karten herum, wenn die Bildschirmgröße abnimmt.
Kann mir jemand sagen, wie ich dieses Problem los werde?
%Vor%Mal sehen, ob ich Ihnen bei jedem Problem helfen kann:
Erstens, die Karten nehmen nicht die ganze Spalte ein. Das Problem sind die verschachtelten divs. Wenn Sie die Spalte so machen:
%Vor%Anstatt die Karte in die Spalte zu legen, wird sie die ganze Spalte einnehmen. Sehen Sie das aktualisierte JSFiddle hier .
Als nächstes müssen Sie für geschachtelte Spalten geschachtelte Gitter haben, wie folgt:
%Vor%Siehe JSFiddle hier .
Es klingt, als hättest du dein Ziel ein wenig geändert, aber hoffentlich kannst du diese beiden zusammensetzen, um dein Problem zu lösen.
Tags und Links material-design-lite