Operation Manual

Hinweis:
Nach oben
Beim Öffnen einer Bootstrap-HTML-Datei in Dreamweaver:
Zeilen werden durch graue gestrichelte Linien mit runden Ecken hervorgehoben.
Spalten werden durch blaue gestrichelte Linien hervorgehoben.
Hervorgehobene Zeilen und Spalten in einem Bootstrap-HTML-Dokument
A. Zeile B. Spalte
Dreamweaver erkennt die CSS-Dateien, die mit einer Bootstrap-HTML-Datei verknüpft sind, wenn der CSS-
Dateiname „bootstrap“ enthält. Als CSS-Dateiverweis kann jeder der folgenden Verweise verwendet werden:
Lokaler Pfad:
Die minimierte oder nicht minimierte CSS-Datei ist lokal vorhanden. Beispiel:
<link href="css/bootstrap.css" rel="stylesheet"> oder
<link href="css/bootstrap.min.css" rel="stylesheet">
Remote-Pfad:
Eine minimierte oder nicht minimierte Remote-CSS-Datei. Beispiel:
<link href="http://somewebsite.com/css/bootstrap.css" rel="stylesheet">
<link href="http://somewebsite.com/css/bootstrap.min.css" rel="stylesheet">
CDN
<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"
rel="stylesheet">
In Dreamweaver werden Bootstrap-Stylesheets in link- und import-Tags unterstützt. Ein
verschachtelter Import – Verknüpfung mit einem Stylesheet, in das wiederum ein anderes Stylesheet
importiert wird – wird jedoch nicht unterstützt.
Bootstrap-Elemente ausblenden, einblenden und ausgeblendete
Bootstrap-Elemente verwalten
In einigen Fällen sollen bestimmte Elemente nur in einem Viewport angezeigt werden und in anderen
Viewports aus Designgründen nicht sichtbar sein.
Um ein Bootstrap-Element auszublenden, klicken Sie mit der rechten Maustaste darauf
und wählen Sie „Element ausblenden“. Das Element wird vorübergehend ausgeblendet.
Um ausgeblendete Elemente einzublenden, klicken Sie mit der rechten Maustaste darauf
und wählen Sie „Ausgeblendete Elemente verwalten“. Die ausgeblendeten Elemente
werden mit grau schraffiertem Hintergrund angezeigt. Klicken Sie auf das Augensymbol,
um das Element einzublenden.
215