Einsatz Bootstrap

chr-hl · 3. Oktober 2017

Hallo in die Runde,

wir ich mit "Erschrecken" festgestellt habe, ist die Seite von meiner Mutter nicht reponsiv.
Klar, das Template habe ich selbst vor einigen Jahren erstellt und es anschließend "nur" fit gemacht für J3.

Nun stellen sich mir einige Fragen, für die ich auf Eure Mithilfe bei der Beantwortung zurückgreifen möchte.
Welche Version von Bootstrap?
Ich habe mir gerade V4 Alpha 6 heruntergeladen. Dort finde ich neben CSS- JS-Dateien auch Dateien mit dem Suffix ".map".
Was soll das bedeuten?
Diesen bunten Strauss an Dateien im Header einzubinden, ist natürlich die einfache Aufgabe.
Aber wie geht es dann weiter?
Ich vermute einmal, dass dann irgendetwas mit "Grid" kommt.
Hat Jemand vielleicht einen Link auf ein Tutorial (bevorzugt in deutsch) "bei der Hand"?

Vielen Dank schon einmal im Voraus und noch einen schönen Rest-Einheitstag

Christian

Re:Later · 3. Oktober 2017

.map

Kannst du ignorieren.

Zitat von chr-hl

Diesen bunten Strauss an Dateien im Header einzubinden, ist natürlich die einfache Aufgabe.

Wenn du es korrekt per Override machst, kein Unterschied zu BS3.
Letztlich wie hier beschrieben. Da geh ich auch auf Verwenden eines der BS3-Demotemplates ein.

Zitat von chr-hl

Aber wie geht es dann weiter?

Template-Overrides für fast alles schreiben, weil Joomla3 ja alles mit Bootstrap-2-Auszeichnungen ausliefert.

Kannst nat. auch mit Joomla4 rumprobieren. Da baut das neue FE-Template schon auf BS4 auf. Aber J4 hat noch einige Fehler.

Doku wirds wohl außer https://getbootstrap.com/docs/4.0/ noch nicht viel geben. Vieles ist BS3-nah, was die CSS-Klassen anbelangt, aber paar Dinge haben sich doch geändert.

time4mambo · 3. Oktober 2017

Hallo Christian,

es gibt eine sehr gute deutsche Site zu Bootstrap, wo du auch den Download abwickeln kannst. Glaube das ist die Komplettübersetzung von Bootstrap:
http://holdirbootstrap.de/

Ich hab mal vor einiger Zeit ein Bootstrap-Grundtemplate zusammengebaut, wo du auf einfache Weise das "Joomla-Bootstrap" benutzen kannst:
http://www.time4joomla.de/joom…tstrap-grundtemplate.html

Axel

Indigo66 · 5. Oktober 2017

Ich habe auch schon nachträglich statische Webseiten responsive gemacht ohne irgendein CSS-Framework zu verwenden.
Mit eigenen Viewports/Breakpoints Prozentangeben und max-width ist es vielleicht mehr Eigenarbeit aber in der Summe weniger CSS als mit Framework.

firstlady · 5. Oktober 2017

https://startbootstrap.com/ hier gibt es free templates. Man kann hier gut studieren wie so ein einfaches grid aussieht.
Oder simple grid: http://thisisdallas.github.io/Simple-Grid/
Alles responsive und einfach.