Große Fußstapfen | erste Versuche mit Bootstrap
Drei Seiten habe ich inzwischen mit Contao realisiert und das CMS hat mein Herz gewonnen.
Nun möchte ich's ein bisschen doller!
Composer installiert. Hui, das war holprig!! Bis auf Metamodels scheint aber alles geklappt zu haben.
Auch [contao-bootstrap] (also das Neue, nicht die legacy), habe ich installiert.
Nicht als Bundle (da macht STRATO nicht mit), sondern in Teilen.
Diese Erweiterung wartet nun darauf entdeckt zu werden.
Und wartet, und wartet, und ..., na ihr versteht schon.
Eine Navigation habe ich dank des Videos von Netzmacht zwar hinbekommen.
Für alles Weitere stehen aber eher Fragen im Raum:
Wie verwende ich das GRID?
Wie setze ich ein solches Konstrukt um:
HTML-Code:
<div class="row">
<div class="col-md-2">Inhaltselement</div>
<div class="col-md-4">Inhaltselement</div>
<div class="col-md-6">Inhaltselement</div>
</div>
lege ich da ein eigenes Template an und arbeite mit Inserttags oder geht das smarter?
Ein Feld wie hier beschrieben finde ich in meiner Installation nicht.
Gehört der Elementtyp Spaltenumschlag mit Umschlag Anfang- und Ende sowie Spalte Anfang- und Ende zu Contao 3.5.6 oder zu Bootstrap?
CSS
In allen Anleitungen die ich gefunden habe, werden CSS- und JS-Files über assets/irgendwas... eingebunden.
In meinem Fall liegen die Dateien aber unter:
Code:
composer/vendor/components/bootstrap/css/ (bzw.) /js/
Hab ich da was bei der Installation falsch gemacht?
Was in dem Zusammenhang aber wichtiger ist, wo konfiguriere ich die CSS?
Unter oberem Pfad, oder lege ich eine eigene an und überschreibe da die betreffenden Styles?
Das sind erstmal meine brennendsten Fragen. Wenn mich da jemand auf den richtigen Weg schubsen könnte, wär das Klasse!
Liste der Anhänge anzeigen (Anzahl: 4)
Hallo,
Zitat:
Wie verwende ich das GRID?
Wie setze ich ein solches Konstrukt um:
HTML-Code:
<div class="row">
<div class="col-md-2">Inhaltselement</div>
<div class="col-md-4">Inhaltselement</div>
<div class="col-md-6">Inhaltselement</div>
</div>
lege ich da ein eigenes Template an und arbeite mit Inserttags oder geht das smarter?
Ein Feld wie hier beschrieben finde ich in meiner Installation nicht.
Gehört der Elementtyp Spaltenumschlag mit Umschlag Anfang- und Ende sowie Spalte Anfang- und Ende zu Contao 3.5.6 oder zu Bootstrap?
Den Menüpunkt zum Konfigurieren von Spaltensets findest Du im Backend unter Layout.
Dein Spaltenset könnte dann so aussehen: Anhang 17348
Damit Du das Spaltenset nutzen kannst benötigst Du entwender die Erweiterung "sematec_html5" oder "Subcolumns"
Anbei ein beispiel wie Du das Spaltenset mit Hilfe von "sematec_html5" in einem Artikel verenden kannst: Anhang 17349
Und hier die Konfiguration der sematec_html5 Elemente für Reihe (row) und Spalte:
row: Anhang 17350
spalte: Anhang 17351
Ähnlich funktioniert das mit Subcolumns. Subcolumns kann man dann auch in Formularen verwenden, sematec_html5 nicht.
Zitat:
CSS
In allen Anleitungen die ich gefunden habe, werden CSS- und JS-Files über assets/irgendwas... eingebunden.
In meinem Fall liegen die Dateien aber unter:
Code:
composer/vendor/components/bootstrap/css/ (bzw.) /js/
Hab ich da was bei der Installation falsch gemacht?
Die css und js Dateien habe ich auch so eingebunden.
Vieleicht ein Fehler in der Anleitung?
Zitat:
Was in dem Zusammenhang aber wichtiger ist, wo konfiguriere ich die CSS?
Unter oberem Pfad, oder lege ich eine eigene an und überschreibe da die betreffenden Styles?
Ich habe eine eigene css Datei erstellt und diese dann hinter der bootstrap.css eingebunden um vorhande Klassen zu überschreiben oder eigene Klassen zu definieren.
Ich denke das ist auch so der gängige Weg.
Ansonsten bin ich letzte Woche über die selben Fragen gestolpert wie Du als ich mit bootstrap und conta angefangen habe.
Also sollten wir gemeinsam schauen eine Dokumentation zu erstellen.
Hallo,
Zitat:
Wie verwende ich das GRID?
Wie setze ich ein solches Konstrukt um:
HTML-Code:
<div class="row">
<div class="col-md-2">Inhaltselement</div>
<div class="col-md-4">Inhaltselement</div>
<div class="col-md-6">Inhaltselement</div>
</div>
lege ich da ein eigenes Template an und arbeite mit Inserttags oder geht das smarter?
Ein Feld wie hier beschrieben finde ich in meiner Installation nicht.
Gehört der Elementtyp Spaltenumschlag mit Umschlag Anfang- und Ende sowie Spalte Anfang- und Ende zu Contao 3.5.6 oder zu Bootstrap?
Den Menüpunkt zum Konfigurieren von Spaltensets findest Du im Backend unter Layout.
Dein Spaltenset könnte dann so aussehen: Anhang 17348
Damit Du das Spaltenset nutzen kannst benötigst Du entwender die Erweiterung "sematec_html5" oder "Subcolumns"
Anbei ein beispiel wie Du das Spaltenset mit Hilfe von "sematec_html5" in einem Artikel verenden kannst: Anhang 17349
Und hier die Konfiguration der sematec_html5 Elemente für Reihe (row) und Spalte:
row: Anhang 17350
spalte: Anhang 17351
Ähnlich funktioniert das mit Subcolumns. Subcolumns kann man dann auch in Formularen verwenden, sematec_html5 nicht.
Zitat:
CSS
In allen Anleitungen die ich gefunden habe, werden CSS- und JS-Files über assets/irgendwas... eingebunden.
In meinem Fall liegen die Dateien aber unter:
Code:
composer/vendor/components/bootstrap/css/ (bzw.) /js/
Hab ich da was bei der Installation falsch gemacht?
Die css und js Dateien habe ich auch so eingebunden.
Vieleicht eun Fehler in der Anleitung?
Zitat:
Was in dem Zusammenhang aber wichtiger ist, wo konfiguriere ich die CSS?
Unter oberem Pfad, oder lege ich eine eigene an und überschreibe da die betreffenden Styles?
Ich habe eine eigene css Datei erstellt und diese dann hinter der bootstrap.css eingebunden um vorhande Klassen zu überschreiben oder eigene Klassen zu definieren.
Ich denke das ist auch so der gängige Weg.
Ansonsten bin ich letzte Woche über die selben Fragen gestolpert wie Du als ich mit contao-bootstrap angefangen habe.
Also Community, wir sollte schauen dass wir eine Dokumention fertig stellen!
https://community.contao.org/de/show...-Dokumentation
Grüße
Sven
