Question

我是这个的初学者。如何使Bootstrap 4 cover example正常工作，以便我自己编辑？

我尝试下载源代码，使用bootstrap.min.css和.js并将它们放在我的主文件夹中，然后查看页面源代码以获取模板的代码并将其粘贴到我的索引中。 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

中的body标签中

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;

Answer 3

此处包含实际的源代码以及所有其他引导示例。 https://github.com/twbs/bootstrap/tree/master/site/content/docs/4.3/examples/cover

URL可能会随着引导程序的更新而改变

如何使Bootstrap 4 Cover Example工作？

3 个答案: