Wie man Bootstrap 4 Cover Beispiel Arbeit machen?

Ich bin ein Anfänger bei diesem. Wie kann ich Bootstrap 4 cover example richtig arbeiten, damit ich es selbst bearbeiten kann?Wie man Bootstrap 4 Cover Beispiel Arbeit machen?

Ich habe versucht, die Quelle herunterzuladen, bootstrap.min.css und .js nehmen und sie in meinem Hauptordner, dann Seitenquelle anzeigen, um den Code der Vorlage zu erhalten und in meine index.html eingefügt. Alles, was ich sehe, ist einfacher Bootstrap-Text, wenn ich es vorher sehe ... Welche Schritte vermisse ich?

Quelle

2016-04-02 digitalsara

Sie müssen die Pfade in der HTML-Datei beheben.

<link href="../../dist/css/bootstrap.min.css" rel="stylesheet">

sollte

<link href="bootstrap.min.css" rel="stylesheet">

sein, falls die CSS-Datei und die index.html im selben Ordner befinden. Das gleiche gilt für bootstrap.min.js am Ende des HTML. Außerdem benötigen Sie die cover.css und speichern Sie es im selben Verzeichnis wie das HTML.

Quelle

2016-04-02 21:43:03 BenjaminH

Danke hinzufügen! Es stellte sich heraus, dass ich keine CSS-Datei für die cover.css erstellte, von der ich nicht wusste, dass sie auf der Seitenquelle anklickbar war. Du hast mich definitiv auf die richtige Spur gebracht. – digitalsara

Und, um das Bild hinzuzufügen ..? –

Um das Bild fügen Sie den folgenden Code, um Ihren Körper-Tag in cover.scss

background: image-url('background.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover;

Quelle

2016-11-09 20:35:21 poidog

Ich habe Ihre Antwort geändert, um es für mich in der CSS zu arbeiten. 'background-image: url ('image.jpg');' 'Hintergrundwiederholung: no-repeat;' 'background-position: center center;' –

Wie man Bootstrap 4 Cover Beispiel Arbeit machen?

Antwort

Verwandte Themen