Bootstrap 5.3 doc on Sass customization解释了如何使用我的Sass custom.scss
脚本覆盖引导设置。
- 通过软件包管理器下载 Bootstrap
- 或手动下载 Bootstrap 。
这个例子接着解释了在我的custom.scss
脚本中,我需要从引用这些下载的文件开始,例如:
@import "../node_modules/bootstrap/scss/bootstrap";
我的问题是:如果我没有下载Bootstrap(无论是手动还是通过软件包管理器),但我通过CDN导入了intsead Bootstrap,我还可以使用这个方法吗?如本例所示,请参见<link href="https://cdn.jsdelivr.net
行:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bootstrap demo</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
</head>
<body>
<h1>Hello, world!</h1>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js" integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN" crossorigin="anonymous"></script>
</body>
</html>
我面临的问题是,如果我使用CDN方法,我不确定custom.scss
中@import
命令的路径应该是什么。
1条答案
按热度按时间gstyhher1#
您可以将外部文件导入自定义.scss,如下所示:
@导入网址(https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css);
但我建议通过包管理器或手动下载 Bootstrap 。