Как сделать Bootstrap 4 Cover Пример работы?

Question

Я новичок в этом. Как я могу сделать Bootstrap 4 cover example правильно, поэтому я могу самостоятельно отредактировать его?

Я попытался загрузить исходный код, взять bootstrap.min.css и .js и поместить их в свою основную папку, затем просмотреть страницу источника, чтобы получить код шаблона и вставить его в мой index.html. Все, что я вижу, это простой текст Bootstrap, когда я его просматриваю ... Какие шаги мне не хватает?

Answer 1

Вы должны исправить пути в html-файле.

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

должен быть

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

в случае, если файл CSS и index.html находятся в одной папке. То же самое относится к bootstrap.min.js в нижней части html. Кроме того, вам нужен cover.css и сохраните его в том же каталоге, что и html.

Answer 2

Чтобы добавить изображение добавить следующий код в тело тега в 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;