...ein TYPO3 Fluid Tutorial - Bootstrap integrieren [003]

preview_player
Показать описание
Nachdem wir im letzten Teil das Framework heruntergeladen und in Betrieb genommen haben, wollen wir nun das Starter Template fluidgerecht zerlegen und mit der Navigation beginnen.

Viel Spass!

Links:
  1. danielmacht
  2. Typo3
  3. Fluid
  4. Bootstrap
  5. zerlegen
  6. Navigation
Рекомендации по теме
...ein TYPO3 Fluid 0:27:42

...ein TYPO3 Fluid Tutorial - Grundlage [001]

TYPO3 Tutorial #007​ 0:22:17

TYPO3 Tutorial #007​ - Language Processing und Special Processing in Fluid einsetzen

Typo3 Tutorial #07 0:06:01

Typo3 Tutorial #07 - Fluid-Variablen (deutsch)

...ein TYPO3 Fluid 0:16:12

...ein TYPO3 Fluid Tutorial - das Finale (vorerst) [004]

...ein TYPO3 Fluid 0:24:10

...ein TYPO3 Fluid Tutorial - BackendLayout & Bootstrap [002]

TYPO3 Fluid Template 0:02:25

TYPO3 Fluid Template - Seiten anlegen und Typoscripttemplate erstellen

...ein TYPO3 Fluid 0:22:29

...ein TYPO3 Fluid Tutorial - Bootstrap integrieren [003]

TYPO3 Tutorial: How 0:14:14

TYPO3 Tutorial: How to work with constants in Fluid and Backend

Tutorial: Typo3 6.1 0:30:16

Tutorial: Typo3 6.1 mit Fluid - #4 Ein Menü mit Libarys Integrieren

Tutorial: Typo3 6.1 0:33:59

Tutorial: Typo3 6.1 mit Fluid - #1 Webserver einrichten und Typo3 Installieren

Tutorial: Typo3 6.1 0:33:42

Tutorial: Typo3 6.1 mit Fluid - #3 Das Template mit Fluid integrieren

Templating mit Fluid 0:04:36

Templating mit Fluid Tutorial: Auf Content Objekte zugreifen cObject |video2brain.com

Folge 4: Erstellung 0:16:41

Folge 4: Erstellung eines Seitentemplates in TYPO3: Layouts, Templates, Partials und Sections

TYPO3 Fluid Template 0:06:00

TYPO3 Fluid Template - Erste Extension mit Builder

Tutorial: Typo3 6.1 0:29:32

Tutorial: Typo3 6.1 mit Fluid - #2 Das Template mit Twitter Bootstrap

#TYPO3 Plugin Vorschau 0:16:53

#TYPO3 Plugin Vorschau mit Fluid

TYPO3 Tutorial #004 0:20:57

TYPO3 Tutorial #004 - Versionsupgrades durchführen (inkl. Best Practices)

Templating mit Fluid 0:06:58

Templating mit Fluid Tutorial: Template in Blöcke strukturieren mittels Sections |video2brain.com

TYPO3 Fluid Templates 0:07:17

TYPO3 Fluid Templates - Fedext.net Extensions installieren

TYPO3 Fluid Templates 0:09:14

TYPO3 Fluid Templates - Testserver einrichten

TYPO3 Fluid Templates 0:06:25

TYPO3 Fluid Templates - TYPO3 installieren

#8 Suchformular mit 0:30:33

#8 Suchformular mit #TYPO3 #Extbase und #Fluid

if-20 Gridelemente 001 0:07:03

if-20 Gridelemente 001 in den Fluid TYPO3 Templates nutzen - if20tutorials

Typo3 Tutorial || 0:01:07

Typo3 Tutorial || How to assign complex objects to JavaScript variables with Typo3's Fluid

Комментарии
Автор

... Das wäre super! Seit fast einer Woche, nach dem Update auf Typo3 7.6.4, kämpfe ich mit dem Thema Responsive mit Bootstrap.
Vielen Dank noch mal
Viele Grüße
Rosaria

rosariasimari
Автор

Erst einmal einen großen Dank für die Mühe die du dir machst mi deinen Tutorials.
Einen Hinweis hätte ich aber: die bootstrap.min.css ist einfach nur eine komprimierte Version der bootstrap.css. Kleinere Datei = kürzere Ladezeiten.
Mit der ".js" und ".min.js" verhält es sich ebenso.

ivenschubert
Автор

Ciao Daniel, Vielen Dank für deine arbeit ... Ich glaube es gibt eine kleine verwirrung mit dass css ... Die .min.css isst gleich an die andere Bootstrap.css, nur komprimiert.... Aldo du brauchst nicht beide ein zu binden, du köntest aber das .theme.css einbinden...

gert-jandikkescheij
Автор

Ohne dich wäre ich aufgeschmissen. gibt leider nicht viele brauchbare tutorials bezüglich typo3

oskarwestmeijer
Автор

Hallo, danke für das Super Video, ich habe nur mal eine kleine Frage, wenn ich bei dem Menü, dem <a> Tag eine Klasse hinzufügen will, wie setze ich das am besten um?

carlofleischmann
Автор

Zur Frage, warum man beim Menü nicht mit 10 20 etc. arbeiten darf, sondern 1 2 3 etc. verwenden muss, wenn man es definiert: Es handelt sich um die Menüebene. Man fängt bei 1 an. Das ist eine Ebene unter dem entryLevel. 2 ist also zwei Ebenen unter entryLevel. Wenn man mit 10 beginnt, dann versucht TYPO3 die 10. Ebene anzuzeigen. Die gab es im Beispiel aber nicht ;-)

bernddudalski
Автор

vielen Dank für die tolle Erklärung. Ich habe ein guten Tutor gefunden ;)
Könnte ich das Bootstrap Paket für meinen alten Template mit Merker (kein Fluid Template) benutzen?

rosariasimari
Автор

Das mit dem bootsrap.min.css und bootstrap.css ist nicht ganz richtig. Die Datei bootsrap.min.css ist einfach die minimierte bzw. die komprimierte Version der bootstrap.css Datei. Das gleiche gilt auch für die JavaScript Dateien. Folglich brauchst Du die Dateien nicht gelichzeitig einbinden. Ansonsten Super Arbeit.

SebaM
Автор

Hätte doch mal ne frage zu dem Tutorial - ich habe alles nachgebaut und bei mir wird leider die link class nicht ausgegeben - die ul class schon..mache ich da was verkehrt im Backend mit den Seiten? in der nav.ts passt alles so wie es hier erklärt wird, ich habe also keine Menüpunkte und kann es mir nicht erklären

oliverschaarschmidt
Автор

Hallo Daniel. Schönes Tutorial.
Die 1. im HMENU sind die LEVEL also Ebenen des Menu's und nicht frei Wählbare
OBJECT NAMEN
Deswegen geht "1."
und "10." nicht.
10.XXX Wäre der zehnte Level im Menu.

Tessi
Автор

Hallo,
jetzt bin ich auch dabei eine Vereinsseite "responsive" zu machen und arbeite erstmal dein Tutorial durch. Super gemacht.

Ich bin gerade bei dem Schritt die Starter-Template über Typo3 anzeigen zu lassen. Aber das "rendern" der Seite geht nicht.
Im body stehen einfach die Viewhelperbefehle ohne dass es zur Ausgabe kommt:
<body>

<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<f.render section="navigation"/>
</div>
</nav>

<div class="container">

<div class="starter-template">
<f.render section="content"/>
</div>

</div>

Woran kann das liegen?

bernds
Автор

Hallo, zunächst vielen Dank für deine Tutorials. Leider habe ich das Problem, dass auf Mobilen Geräten die Seite normal angezeigt wird. Auf dem PC jedoch funktioniert beim verkleinern des Fensters der Wechsel auf das andere Menü (mobile-ansicht). Hast du eine Idee woran es liegen kann?

marcelosteinmetz
Автор

Hallo, danke für die super Erklärungen!
Ich möchte noch eine Unterseite zum Menü hinzufügen bekomme es aber nicht hin.
Kannst du mir da weiterhelfen?
Gruß
Marco

Marco-conu
Автор

guten abend

erstmal ein dickes lob =) bisher hat alles super funktioniert allerdings hänge ich an dem menü er will es mir einfach nicht anzeigen obwohl ich alles genau nach der anleitung gemacht habe ich finde einfach den fehler nicht =(
kann mir dort jemand irgendwie weiter helfen ?

dominikbunse