首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在Bootstrap 4中的何处编写自定义SCSS

在Bootstrap 4中的何处编写自定义SCSS
EN

Stack Overflow用户
提问于 2019-08-07 11:22:32
回答 1查看 33关注 0票数 0

我正在用bootstrap开发ASP.NET网站。我想使用卡片列作为布局。我用bootstrap documentation阅读了教程。在按钮上,有一个代码,如下所示:

代码语言:javascript
复制
.card-columns {
  @include media-breakpoint-only(lg) {
    column-count: 4;
  }
  @include media-breakpoint-only(xl) {
    column-count: 5;
  }
}

我知道如果屏幕很大(lg),代码如何将列数设置为4,如果屏幕非常大(xl),将列数设置为5。

我的问题是在哪里写这段代码?我试着在html head部分写,但不是work。我的页面从CDN (而不是从本地文件夹)使用bootstrap。

代码语言:javascript
复制
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
EN

Stack Overflow用户

回答已采纳

发布于 2019-08-07 13:21:22

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

欢迎光临。

票数 0
EN
查看全部 1 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/57386541

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档