Das PSD-Design von Bootstrap passt nicht in das Raster

Ich bin Entwickler und habe Zweifel an rasterbasierten PSD-Dateien, die von einem Designer bereitgestellt werden. Diese Dateien sollen in das Standard-Bootstrap-3-Raster passen. Allerdings erhalte ich manchmal diese Art von Datei:

Beispiel einer Grid-basierten PSD-Datei, die ich erhalten habe

Das Widget auf der linken Seite ist nicht am Raster ausgerichtet. Allerdings ist das Design wirklich toll und ich muss damit leben. Ich muss auch Bootstrap verwenden.

Wie soll ich es handhaben? Ist die beste Lösung, das Bootstrap-Raster an das Layout des Designers anzupassen? Oder einige Patch-ups zu verwenden, ohne das Standardraster zu ändern?

Vielen Dank im Voraus.

Je nachdem, ob Sie Unterstützung benötigen, um zu verstehen, wie das Raster visuell verwaltet wird, oder ob Sie Unterstützung beim Codieren des Bildmaterials benötigen, gehört Ihre Frage möglicherweise am besten zu einer anderen Community.

Antworten (1)

Ich bin mir nicht sicher, was Sie mit "nicht in das Raster passen" meinen, möglicherweise, dass die Elemente innerhalb der Spalten verteilt sind, anstatt perfekt an den Hilfslinien ausgerichtet zu sein? Für mich sieht es gut aus.

Ich würde dies so handhaben, dass ich die ersten vier Spalten zusammen verwende, um das Stück mit dem Titel und den Daten zu verwalten und links eine Auffüllung hinzuzufügen (und andere Anweisungen gemäß dem Design). Dann würde die Textspalte als die 8 verbleibenden Spalten gruppiert verwaltet. Ich habe seit einiger Zeit nicht mehr in Bootstrap gearbeitet, aber normalerweise gibt es CSS-Klassen, um genau zu entscheiden, welche Spalten zusammengeführt werden sollen und ob Sie einen Versatz benötigen usw.

+1 Meine Meinung auch. Es steht im Einklang mit dem Raster, 4 linke Spalten. Es stößt nur nicht an eine Gitterkante, das ist alles.
Das PSD-Design von Bootstrap passt nicht in das Raster
AntwortenHierDatenschutz-Bestimmungen1y, 0v