Dateien extern

Bootstrap-Dateien können aus einem externen Server verlinkt werden. So ist es nicht erforderlich diese Dateien selber zu verwalten, hingegen braucht es eine Onlineverbindung, ansonsten kann Bootstrap nicht geladen werden.

MAX CDN bietet CSS- und Javascriptdateien zur Verlinkung an:

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

Der Quelltext wurde erfolgreich in die Zwischenablage kopiert.

HTML Elemente

            
<!doctype html>
<html lang="de">
<head>
    <meta charset=utf-8>
    <title>HTML5 leer</title>

</head>
<body>

</body>
</html>

Einrichten:

Um Bootstrap einzurichten reicht es (meistens) aus, nur die CSS-Datei zu verlinken. Weitere Möglichkeiten mit Javascript und jQuery, können bei Bedarf verwendet werden.

Führe folgende Schritte aus:

Kopiere den oben abgebildeten Link auf "bootstrap.min.css

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

Füge die Zeile im Editor ein. (Auf Zeile 6)
Um Bootstrap zu testen, kannst du bspw. drei Spalten Text erzeugen

erstelle ein "div"-Element mit Klasse "row"
```
div.row
```
darin erstelle drei Absätze "p" mit der Klasse "col-sm-4" und Blindtext "lorem*
```
p.col-sm-4*3>lorem
```

Fertiges Beispiel zur Ansicht