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 。