Hallo liebe typo3 community,
es geht um meine homepage, die ich jetzt responsive kriegen möchte? Und zwar mit Bootstrap! :)
Allerdings krieg ich bootstrap und typo3, nicht vernünftig auf die Reihe, das Grundproblem sind die zusammengesetzten, vom styled_content gewrappten Contentelemente, weil die schon ihr eigenes css mitbringen.
1) Wie geht man da ran? Alle Klassen im Object-Browser suchen, anklicken um die Zeile, z.B.
"tt_content.stdWrap.innerWrap.cObject.default.20.10.value = " rauszukopieren ins typoscript, und mit dem bootstrap Wert für das gridlayout zu überschreiben, bzw. anzuhängen:
für die 'csc-default' Klasse in etwa so?: "tt_content.stdWrap.innerWrap.cObject.default.20.10.value = (csc-default?) col-xs-12 col-sm-12 col-md-6 col-lg-8"
2) Wenn z.B. ein Text neben einem Bild auf dem Handy nach unten rutschen soll:
wirft 'styled_content' mit solchen Klassen um sich (contentelement mit bild links und text rechts):
'csc-textpic csc-textpic-intext-left-nowrap csc-textpic-intext-left-nowrap-313',
Die letzte Klasse bewirkt einen links margin von 313px, der zerschießt aber das Bootstrap layout.
Überschreibt man nun mit einer eigenen css, das css, das vom styled content kommt? Scheint mir aber aufwendig, weil man erstmal im Browser alle css Zeilen suchen muss, die bspw. einen unerwünschten margin verursachen, und den dann jedesmal per hand auf 0 setzen. :( , da wüßt ich aber auch nicht genau, wie man das macht.
3) Oder die setup.txt von styled content im sysext Verzeichnis von Typo verändern, und dort die margins, paddings und so zeugs aus den 'styled content' rausgnehmen? Aber ob das so gut ist...? Aber auf
die kann ich sowieso nicht zugreifen, weil es auf dem Entwicklungsserver keinen typo3 Ordner gibt, der ist ausgelagert, und da kommen wir auch nicht ran, sagt Hauke, also wieder zurück zu 3)?
Also..., für Lösungsvorschläge wär ich dankbar, auch ein gutes Tutorial würde mir helfen, selbst habe ich kein gutes gefunden (Bitte Link posten).
es geht um meine homepage, die ich jetzt responsive kriegen möchte? Und zwar mit Bootstrap! :)
Allerdings krieg ich bootstrap und typo3, nicht vernünftig auf die Reihe, das Grundproblem sind die zusammengesetzten, vom styled_content gewrappten Contentelemente, weil die schon ihr eigenes css mitbringen.
1) Wie geht man da ran? Alle Klassen im Object-Browser suchen, anklicken um die Zeile, z.B.
"tt_content.stdWrap.innerWrap.cObject.default.20.10.value = " rauszukopieren ins typoscript, und mit dem bootstrap Wert für das gridlayout zu überschreiben, bzw. anzuhängen:
für die 'csc-default' Klasse in etwa so?: "tt_content.stdWrap.innerWrap.cObject.default.20.10.value = (csc-default?) col-xs-12 col-sm-12 col-md-6 col-lg-8"
2) Wenn z.B. ein Text neben einem Bild auf dem Handy nach unten rutschen soll:
wirft 'styled_content' mit solchen Klassen um sich (contentelement mit bild links und text rechts):
'csc-textpic csc-textpic-intext-left-nowrap csc-textpic-intext-left-nowrap-313',
Die letzte Klasse bewirkt einen links margin von 313px, der zerschießt aber das Bootstrap layout.
Überschreibt man nun mit einer eigenen css, das css, das vom styled content kommt? Scheint mir aber aufwendig, weil man erstmal im Browser alle css Zeilen suchen muss, die bspw. einen unerwünschten margin verursachen, und den dann jedesmal per hand auf 0 setzen. :( , da wüßt ich aber auch nicht genau, wie man das macht.
3) Oder die setup.txt von styled content im sysext Verzeichnis von Typo verändern, und dort die margins, paddings und so zeugs aus den 'styled content' rausgnehmen? Aber ob das so gut ist...? Aber auf
die kann ich sowieso nicht zugreifen, weil es auf dem Entwicklungsserver keinen typo3 Ordner gibt, der ist ausgelagert, und da kommen wir auch nicht ran, sagt Hauke, also wieder zurück zu 3)?
Also..., für Lösungsvorschläge wär ich dankbar, auch ein gutes Tutorial würde mir helfen, selbst habe ich kein gutes gefunden (Bitte Link posten).
Typo3 und bootstrap
Aucun commentaire:
Enregistrer un commentaire