如何製作Bootstrap 4封面示例工作？

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的是在同一個文件夾中。 這同樣適用於html的底部的bootstrap.min.js。 此外，您需要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;