contao-bootstrap - Wo fang ich an...

**mrx02de** · 08.09.2014, 19:21

Hallo Community,

erst mal finde ich Klasse, das Contao mit dieser Extension bereichert wurde.
Eine Frage hätte ich da um erst mal den Anfang zu finden...
Gibt es für die contao-bootstrap Erweiterung auch eine Anleitung oder besser noch eine Demo Installation mit Backend Zugang, wo man sich für den Anfang einen Überblick verschaffen kann?
Für Zweiteres wäre ich gerne bereit, Webspace zur Verfügung zu stellen, um eine Contao Bootstrap Demo für die Community zur Verfügung zu stellen.
Ich denke, da wäre vielen geholfen.

Einen Großen Dank auf alle Fälle an die Entwickler dieser Erweiterung.

Mfg
mrx02de

**ways2web** · 08.09.2014, 20:28

also erste Anlaufestelle gibt es natürlich die Demoseite vom Entwickler: http://contao-bootstrap.netzmacht.de/
dort findest du viele Tips und Hinweise zum aufbau. Und natürlich das forum

ich habe aus der Anleitung und mit hilfe der Community ebenfalls eine Demo für mich hochgezogen: http://bootstrap.ways2web.de

das ist also nicht sehr schwer... bedarf nur ein wenig beschäftigung mit Bootstrap an sich.

**mrx02de** · 08.09.2014, 21:12

Hallo ways2web,

Erst mal vielen Dank für die Hinweise.
Trotzallem denke ich, dass eine Demoseite vielen Helfen würde und zwar auf der Art wie es Contao selbst fabriziert.
Frontend und Backend Zugriff, um gewisse Dinge logisch nachvollziehen zu können.
Es gibt hier viele gute Erweiterungen und leider sind viele nur sehr minimalistisch dokumentiert.
Ich weiss, dass Bedarf Zeit, aber eine Demoseite sollten die Entwickler in kürzerer Zeit zur Verfügung stellen können.
Von mir aus auch gern gegen einen Obulus.

OK ich habe mich auf der Seite etwas belesen und bin nun etwas mehr "verwirrt".
Habe ich nun die richtige Version installiert?
Beim Composer werden mir die folgende pakete aufgezeigt:

netzmacht/contao-bootstrap 0.2.4
netzmacht/contao-bootstrap-columnseteditor 0.3.4

Auf der Beschreibungsseite wird jedoch

contao-bootstrap/package für den Composer aufgezeigt, was jedoch beim Composer kein Ergebnis aufzeigt, daher habe ich die beiden oben aufgeführten installiert.
Doch ich denke jetzt, dass ich noch die alte Version habe:
ZITAT - Die jetzige Version contao-bootstrap/* ist eine Weiterentwicklung von netzmacht/contao-bootstrap und löst diese ab. ZITAT ENDE

Liege ich falsch oder täuscht mich der Composer?

Mfg
mrx02de

**WebRoxx** · 08.09.2014, 21:19

Das Ding ist halt das diese Seite ja die Demo Seite ist

und auch mit vielen Screenshots was möglich ist. Klar ist die Doku nicht ausführlich aber das liegt sicher auch daran das es noch eine beta Version ist und es sehr Umfangreich ist.

Das einzige was wirklich verwirrend ist ist in der tat die sache mit dem Versionen.

**mrx02de** · 08.09.2014, 21:32

Hallo Ralf2011,

Danke und ja der Composer ist "gewöhnungsbedürftig".
Scheint auch eine "Beta " zu sein...

Ich verstehe was du meinst. Aber gerade weil es so Umfangreich ist...,
wäre ich gerne bereit, wenn noch andere sich mit daran beteiligen würden, dass ganze auch mit Backendeinsicht so wie es Contao Original (mit Datenbankreset etc...) zu Sponsern.
Ich denke, das würde vielen Usern die Einarbeitung in diese Erweiterung erleichtern und jeden auch das ganze Potential dieser Erweiterung nutzbar machen.

Trotzallem erst mal danke für diese Erweiterung.

Gruß
mrx02de

**ways2web** · 08.09.2014, 21:51

ich hab für die demo nur folgendes installiert:

netzmacht/contao-bootstrap 0.2.4
netzmacht/contao-font-awesome 4.1.2
contao-legacy/subcolumns_bootstrap_customize >=0.1.0.4006-beta,<0.2-dev@beta

damit hab ich alles umgesetzt, was du in meiner Demo siehst.

**mrx02de** · 08.09.2014, 22:05

Ja deine Seite habe ich mir natürlich auch angeschaut.
Aber auch da sehe ich bei den Accordeons zum Beispiel, dass da etwas nicht ganz rund läuft.

accord1.jpg

OK, der Tipp mit dem Font-Awesome war schon mal ein wink mit dem Zaunpfahl... Danke
Glatt vergessen...

**ways2web** · 08.09.2014, 22:16

was nutzt du für einen browser????

Zitat von mrx02de

Ja deine Seite habe ich mir natürlich auch angeschaut.
Aber auch da sehe ich bei den Accordeons zum Beispiel, dass da etwas nicht ganz rund läuft.
.

**mrx02de** · 08.09.2014, 22:25

Das Problem taucht beim aktuellen Chrome auf.

Gruß
mrx02de

**ways2web** · 08.09.2014, 22:28

komisch. in meinem chrome 32 und 33 läuft das ohne Probleme. Auch auf meinem android chrome

**mrx02de** · 08.09.2014, 22:44

Vielleicht liegts ja an meinem Browser und ein plugin schießt quer.

Muss man das Registrierungsformular von Contao noch an Bootstrap anpassen?
Wenn ich es mit Icons haben möchte?
Ein angepasstes Template scheint es noch nicht zu geben.

**ways2web** · 08.09.2014, 22:49

denke ja.

contao-bootstrap hat zwar viele tmeplates bereits angepasst, jedoch nicht alle. der aufwand ist da sicher zu hoch.
die meisten formulare kann man ja im FG selbst erzeugen.. und dann auch icons usw einsetzen

**mrx02de** · 08.09.2014, 22:58

OK, ich habe mich jetzt mal etwas "reingefriemelt" und auch schon Erfolge gemacht.
Ich denke ich werde mal die Tage etwas erstellen und das ganze dann hier zur schau stellen.
Morgen wird erst mal das Registrierungsformular auseinander genommen.

Euch allen Danke und eine Gute N8
mrx02de

**WebRoxx** · 09.09.2014, 07:40

Zitat von ways2web

ich hab für die demo nur folgendes installiert:

netzmacht/contao-bootstrap 0.2.4
netzmacht/contao-font-awesome 4.1.2
contao-legacy/subcolumns_bootstrap_customize >=0.1.0.4006-beta,<0.2-dev@beta

damit hab ich alles umgesetzt, was du in meiner Demo siehst.

ich denke man soll das nehmen? contao-bootstrap/bundle ?

**webstar** · 09.09.2014, 10:17

Zitat von Ralf2011

ich denke man soll das nehmen? contao-bootstrap/bundle ?

Es existieren momentan zwei verschiedene Pakete der Bootstrap Integration. netzmacht/contao-bootstrap war die bisherige Version. Da ist alles inklusive und einige Dritt-Erweiterungen sind als Abhängigkeit definiert. Davon gibt es ein stabiles Release. Da lasse ich jedoch keine neuen Features mehr einfliesen. Bugfixes gibt es bis Ende der LTS von Contao 3.2.

Im Zuge der Überarbeitung habe ich die Bootstrap Integration modularisiert und unter dem Vendor contao-bootstrap/ veröffentlicht. Von der Funktionalität ist es zu 90% das gleiche. Im Hintergrund hat sich vieles geändert. Eine Migration ist zur Zeit nur mit händischen Anpassungen möglich.

Ich setze für neue Websites nur noch contao-bootstrap/bundle ein. Hoffe dies erklärt die verschiedenen Versionen nochmals besser.

**WebRoxx** · 09.09.2014, 10:24

Super da habe ich ja das richtige.

danke dir

**haendersonfox** · 15.09.2014, 16:05

hallo in die runde,

welche version nehme ich für die contao 3.3-version!?

wie sieht es mit einer manuellen installation aus, ohne composer.

die anleitung von webstar habe ich eben ausprobiert. leider gibt es probleme mit theme_plus und contao 3.3.

kann mir hier jemand helfen?

lg.

alex

**Honig** · 22.09.2014, 09:41

Was gibts denn für Probleme? Bei mir geht unter 3.3 alles einwandfrei auf mehreren Seiten (zumindest contao-bootstrap).

**Honig** · 22.09.2014, 09:43

Was wirklich wichtig ist, wenn man contao-boostrap nutzen will ist, sich eingehend mit Bootstrap zu beschäftigen (z.B. über holdirbootstrap.de) und den Code den Contao raus wirft, zu vergleichen mit dem was Bootstrap voraussetzt.

**mathgi** · 02.10.2014, 14:35

Hallo,

wo fange ich an, genau meine Frage.

Ich kenne twitter Bootstrap bin aber bei contao jetzt neu dabei.
Deshalb habe ich mich gleich auf diese Erweiterung gestürzt.
Auf Entwickler Demoseite http://http://contao-bootstrap.netzmacht.de/ gibt es anscheinend gerade keine tutorials/Beispiel.

Frage hat jemand ne kurze Anleitung oder Tutorial oder Beispiel Theme das mir den Einstieg erleichtert ein eigenes Theme mit der Erweiterung zu erstellen.

Das wäre super.
vielen Dank im vorraus

**webstar** · 06.10.2014, 12:27

Zitat von mathgi

Hallo,

wo fange ich an, genau meine Frage.

Ich kenne twitter Bootstrap bin aber bei contao jetzt neu dabei.
Deshalb habe ich mich gleich auf diese Erweiterung gestürzt.
Auf Entwickler Demoseite http://http://contao-bootstrap.netzmacht.de/ gibt es anscheinend gerade keine tutorials/Beispiel.

Frage hat jemand ne kurze Anleitung oder Tutorial oder Beispiel Theme das mir den Einstieg erleichtert ein eigenes Theme mit der Erweiterung zu erstellen.

Das wäre super.
vielen Dank im vorraus

Da anscheinend einige mit den vorhandenen Erklärungen nichts anfangen können, habe ich mal ein kurzes Video erstellt, dass die Installation und Einrichtung eines Layouts inklusive Navbar darstellt.

Das Video ist auf der Projektseite eingebunden: http://contao-bootstrap.netzmacht.de...-schritte.html

**fliegermichl** · 07.10.2014, 12:01

Hallo webstar,

Dank des Videos habe ich das ganze fast zum laufen bekommen. Ganz am Ende kurz nach der Installation von components/bootstrap hast du noch zwei Zeilen Code geschrieben.
Durch die schlechte Videoqualität ist es aber unmöglich zu erkennen, was du da geschrieben hast.

Könntest du diese zwei Zeilen hier nochmal wiederholen?

Danke und Grüße
Michael

**webstar** · 07.10.2014, 12:14

Zitat von fliegermichl

Hallo webstar,

Dank des Videos habe ich das ganze fast zum laufen bekommen. Ganz am Ende kurz nach der Installation von components/bootstrap hast du noch zwei Zeilen Code geschrieben.
Durch die schlechte Videoqualität ist es aber unmöglich zu erkennen, was du da geschrieben hast.

Könntest du diese zwei Zeilen hier nochmal wiederholen?

Danke und Grüße
Michael

Leider fügt Vimeo das Video nur in einer schlechten Qualität ein. über den Direkt-Link (https://vimeo.com/108103804) gibt es auch die HD Variante.

Wie auch immer, ich füge da die Bootstrap CSS + JS Datei hinzu:

HTML-Code:

<link rel="stylesheet" href="assets/components/bootstrap/css/bootstrap.min.css">
<script src="assets/components/bootstrap/js/bootstrap.min.js"></script>

**fliegermichl** · 07.10.2014, 12:18

Hallo webstar,

hat sich erledigt. Nach etwas nachdenken war klar was es ist.

<link rel="stylesheet" href="/assets/components/bootstrap/css/bootstrap.min.css" />
<script type="text/javascript" src="/assets/components/bootstrap/js/bootstrap.min.js"> </script>

Viele Grüße
Michael

**fliegermichl** · 07.10.2014, 12:25

OK, du warst schneller.
Auf jeden Fall klappt es jetzt bei mir mit Contao und Bootstrap :-)

**chrischnian** · 02.02.2015, 19:46

Hallo Leute

teste auch gerade das Bootstrap nachdem ich es bei einen anderen CMS das erste mal eingesetzt habe.

Nun aber verstehe ich gerade nicht warum beim Header und beim Footer ich immer auf 100% komme (also Full Liquid).

Mir ist auch gerade nicht klar wie ich es mittig zentriert hinbekomme ohne am den Templatedateien was zu machen.

**webstar** · 03.02.2015, 15:38

Zitat von chrischnian

Hallo Leute

teste auch gerade das Bootstrap nachdem ich es bei einen anderen CMS das erste mal eingesetzt habe.

Nun aber verstehe ich gerade nicht warum beim Header und beim Footer ich immer auf 100% komme (also Full Liquid).

Mir ist auch gerade nicht klar wie ich es mittig zentriert hinbekomme ohne am den Templatedateien was zu machen.

Bootstrap zentriert Inhalte mit der .container Klasse. Bei den mitgelieferten Template ist diese standardmäßig nur für den Contao-Container #container gesetzt. Sollen Footer und Header auch zentriert werden, so können die Klassen bequem im Backend eingepflegt werden. Siehe Screenshot.

**chrischnian** · 03.02.2015, 16:47

ah ok

ich habe es mit col-md-12 usw probiert.

Noch eine letzte Frage.

Wie und wo könnte ich den header und Footer auch aufteilen mit col-md-x usw.
Ich verstehe gerade net wie man das Spaltenset bei Layout einsetzt bzw einsetzen kann.

**webstar** · 04.02.2015, 06:20

Zitat von chrischnian

ah ok

ich habe es mit col-md-12 usw probiert.

Noch eine letzte Frage.

Wie und wo könnte ich den header und Footer auch aufteilen mit col-md-x usw.
Ich verstehe gerade net wie man das Spaltenset bei Layout einsetzt bzw einsetzen kann.

Kommt ganz drauf an. Weißt du dort normale Inhalte zu? Dann hilft dir z.B. Subcolumns weiter. Möchtest du dies statisch machen? Ein Modul mit custom HTML hilft und dort drin z.b. im Footer alle anderen Module einbinden.

Um nur mal zwei Möglichkeiten aufzuzählen. Gibt bestimmt noch mehr.

**sfx** · 22.02.2015, 14:02

Ich hatte gestern das Bootstrap Bundle 1.0.0-rc1 installiert auf Contao 3.42 und da war im BE bei den layouts die Option die Css und JS von Bootstrap direkt auszuwählen !
(das erspart ja die 2 zeiloen Code )

Jedoch habe ich heute frisch contao 3.42 und das bundle installiert, und irgendwie gibt es diese Option nicht mehr !?

gibts das seit der neuesten version nicht mehr, oder übersehe ich da etwas !?

**webstar** · 23.02.2015, 13:52

Zitat von sfx

Ich hatte gestern das Bootstrap Bundle 1.0.0-rc1 installiert auf Contao 3.42 und da war im BE bei den layouts die Option die Css und JS von Bootstrap direkt auszuwählen !
(das erspart ja die 2 zeiloen Code )

Da hattest du wohl die veraltete Version netzmacht/contao-bootstrap erwischt. Dort gibt es die Möglichkeit.

Jedoch habe ich heute frisch contao 3.42 und das bundle installiert, und irgendwie gibt es diese Option nicht mehr !?

gibts das seit der neuesten version nicht mehr, oder übersehe ich da etwas !?

Nein, die gibt es nicht mehr. Da es sehr viele verschiedene Wege gibt das Framework oder die Teile, die man davon nutzt einzubinden, gibt es die Option nicht mehr.