Hello World Beispiel in Bootstrap

Hello World Beispiel in Bootstrap zum Ausprobieren und Weiterverwenden

Der Einstieg in ein neues Framework muss natürlich mit einem Hello World Beispiel beginnen (weitere zum "Hallo Welt"-Programm gibt's bei Wikipedia). Wie es ohne Bootstrap aussieht, seht ihr hier.

Durch die container-Klasse wird ein responsives Raster mit 12 Spalten augespannt. Der blaue Button liegt in der Sidebar (col-md-2), der grüne Button im Hauptbereich (col-md-10).

Frage stellen
Hast du eine Frage zu dieser Seite?
Fragen anderer Besucher zum Thema "Hello World Beispiel in Bootstrap..."

Carsten fragt

Bei mir wird die Seite nicht richtig angezeigt. Ich hab die Bootstrap Verzeichnisse aus der Zip Datei in mein htdocs Verzeichniss entpackt und das HTML File wie beschrieben angelegt. Jedoch wird mir nicht das richtige Style angezeigt.

Carsten

Antwort von BootstrapWorld.de

Hallo Carsten,

da stimmt sicherlich der Pfad zur Bootstrap-CSS nicht.

Wenn du die Bootstrap-ZIP von hier (http://getbootstrap.com/getting-started/#download) in dein htdocs-Verzeichnis entpackt ist, sieht der Pfad zu Bootstrap wie folgt aus:

<link rel="stylesheet" href="/bootstrap-3.3.7-dist/bootstrap-3.3.7-dist/css/bootstrap.min.css" />
<script src="/bootstrap-3.3.7-dist/bootstrap-3.3.7-dist/js/bootstrap.min.js" />

Ansonten kannst du mir auch gern einen Screenshot deines htdocs-Verzeichnisse schicken und den Quellcode der HTML-Datei. Dann schaue ich mir das an.

Viele Grüße

Andreas

Nach oben
BootstrapWorld.de nutzt Cookies, um euch die bestmögliche Funktionalität zu bieten.
Details ansehen
OK