在 Bootstrap 4 中编写自定义 SCSS 的位置



我正在用引导程序开发 ASP.NET 网站。我想使用卡片列作为布局。我阅读了引导文档中的教程。在按钮处,有如下代码:

.card-columns {
@include media-breakpoint-only(lg) {
column-count: 4;
}
@include media-breakpoint-only(xl) {
column-count: 5;
}
}

如果屏幕很大(lg(,我将代码设置为4列数,如果屏幕超大(xl(,则将列数设置为5。

我的问题是在哪里编写此代码?我尝试在 html 头部编写,但不起作用。我的页面使用来自 CDN(而不是本地文件夹(的引导程序。

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

你需要在Visual Studio中安装SCSS编译器,编译SCSS文件后,你会得到一个.css代码。

问候。

最新更新