Question

我正在使用引导程序开发ASP.NET网站。我想使用纸牌栏作为布局。我在bootstrap documentation中阅读了该教程。在按钮上，有这样的代码：

.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">

Answer 1

您需要在Visual Studio中安装SCSS编译器，编译scss文件后，您将获得一个.css代码。

问候。

在Bootstrap 4中哪里编写自定义SCSS

1 个答案: