Am 14. September 2017 haben wir eine überarbeitete Fassung unserer Datenschutzrichtlinie veröffentlicht. Wenn Sie video2brain.com weiterhin nutzen, erklären Sie sich mit diesem überarbeiteten Dokument einverstanden. Bitte lesen Sie es deshalb sorgfältig durch.

Bootstrap 3 Grundkurs

Vorteile: Feste oder fließende Spalten

LinkedIn Learning kostenlos und unverbindlich testen!

Jetzt testen Alle Abonnements anzeigen
Historisch betrachtet stammt das Spaltensystem aus den Printmedien. In Bootstrap erfahren die Spalten einen recht flexiblen Einsatz. Ob und wie Sie das nutzen wollen, ist eine Geschmacksfrage.
03:46

Transkript

Bootstrap arbeitet in seinem Kern mit einem eigenen Spaltensystem. Das ist eine Variante des Designs, die ihren Uhrsprung eigentlich in den Printmedien hat. Nämlich in diesen Zeitungen wo einfach in Spalten gearbeitet wurde. Und lange Zeit gab's jetzt das Problem bzw. ist es noch immer das Thema, dass jetzt diese fixe Breite von Spalten übernommen wurde für das neue Medium Bildschirm. Und das hat alles Vor- und Nachteile. Die Vorteile sind einfach die, dass Sie mit Hilfe von einem derartigen System, wenn es flexibel genug gehandhabt wird, Sehgeräte unabhängig arbeiten können. Hier an diesem Beispiel sehen Sie die Art und Weise wie das ganze aufgebaut ist. Es ist eben ein 12-spaltiges System, das heißt, wie auch immer die Seite aufgebaut ist, sie besteht aus 12 Spalten, die dann je nach Größe des Bildschirms unterschiedlich reagieren können. Und ich als Web Entwicklerin kann jetzt, indem ich den entsprechenden Klassen mitgebe, weil diese Bezeichnungen sind Klassen, sagen, wie viel Platz auf der Seite ich jetzt für ein bestimmtes Element auf meiner Web Seite haben möchte. Und in diese Spalte wird dann eben mein Element auch eingebettet. Der Vorteil von einem responsive gedachten Ansatz ist aber der, dass das eben so flexibel ist, dass es mitwächst, bzw. mit schrumpft, je nach dem mit welchem Gerät Sie es zu tun haben. Ich kann Ihnen das ganz kurz zeigen und zwar auf der Getting started Seite gibt's ja Examples, und eins davon ist hier eben das Example für die unterschiedlichen Möglichkeiten mit dem Spalten System umzugehen. Und wenn ich jetzt meine Seite verkleinere, dann merken Sie was eben der Vorteil von den Spalten bei Bootstrap ist. Die wandern automatisch untereinander. Und somit wird gewährleistet, dass eine gute Lesbarkeit erhalten bleibt, auch wenn das Gerät auf dem ich mir die Seite anschaue eben jetzt ein Smartphone ist. Und Sie haben, wenn Sie Bootstrap verwenden, die Möglichkeit, genau dabei mit zu partizipieren und das ohne größeren Aufwand. Ich habe hier eine Beispielseite mir herausrausgesucht, die eben besonders einprägsam mit diesem Prinzip arbeitet. Bitte behalten Sie im Kopf, hier handelt es sich eben um so ein Spalten System, dass eben sehr flexibel einsetzbar ist und von dieser Seite auch sehr flexible gehandhabt wird. Und wenn ich mir jetzt vorstelle, dass ich es auf einem kleineren Device anschaue, dann wandert die Karussellgröße mit, und dann stehen die Inhalte angenehm und gut lesbar für kleine Geräte untereinander. Und ich bekomme alles an Informationen was ich brauche. Ob Sie sich jetzt dafür entscheiden, dass Sie bei einem flexiblen Spalten System mitmachen, oder ob Sie lieber auf die Variante zurückgreifen, dass Sie eben lieber auf diesen Ansatz des responsive Designs verzichten. Beide Möglichkeiten bietet Bootstrap und es ist eigentlich fast eine Philosophiefrage wofür Sie sich dann entscheiden.

Bootstrap 3 Grundkurs

Lernen Sie, wie Sie über Bootstrap 3 mit dem Gridsystem - einem ausgeklügelten Spaltensystem – beliebige Gestaltungsmöglichkeiten schnell und flexibel umsetzen können.

2 Std. 14 min (25 Videos)
Derzeit sind keine Feedbacks vorhanden...
 

Dieser Online-Kurs ist als Download und als Streaming-Video verfügbar. Die gute Nachricht: Sie müssen sich nicht entscheiden - sobald Sie das Training erwerben, erhalten Sie Zugang zu beiden Optionen!

Der Download ermöglicht Ihnen die Offline-Nutzung des Trainings und bietet die Vorteile einer benutzerfreundlichen Abspielumgebung. Wenn Sie an verschiedenen Computern arbeiten, oder nicht den ganzen Kurs auf einmal herunterladen möchten, loggen Sie sich auf dieser Seite ein, um alle Videos des Trainings als Streaming-Video anzusehen.

Wir hoffen, dass Sie viel Freude und Erfolg mit diesem Video-Training haben werden. Falls Sie irgendwelche Fragen haben, zögern Sie nicht uns zu kontaktieren!