如何创建 custom.css 来覆盖 Bootstrap 4 alpha 6 中的变量

2023-11-22

我正在尝试自定义 Bootstrap 4 alpha 6 主题。我想将设置从 _variable.scss 文件复制到 _custom.scss 进行覆盖。但我在源代码中没有找到 _custom.scss 文件。如何在我的项目中添加这个 _custom.scss 文件?


我注意到你的问题here, here and here:

考虑实施_custom.scss为了更简单的内置变量覆盖?

因为你的 Bootstrap 4 没有附带_custom.scss文件,只需要重新创建bootstrap/scss/_custom.scss.

然后编辑bootstrap/scss/bootstrap.scss它应该是什么:

// Core variables and mixins
@import "variables";
@import "mixins";
@import "custom";

然后跟随自定义变量

Bootstrap 4 [据说]附带了一个_custom.scss文件,以便轻松覆盖默认变量/scss/_variables.scss。将相关行从那里复制并粘贴到_custom.scss文件,修改值,然后重新编译 Sass 以更改我们的默认值。请务必删除!default来自覆盖值的标志。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何创建 custom.css 来覆盖 Bootstrap 4 alpha 6 中的变量 的相关文章

  • BEM 与 SASS 和 :hover

    使用 BEM 和 SASS 声明活动 焦点 悬停状态的正确方法是什么 例如 我有这样的结构 div class card img class card image src alt div class card overlay div cla
  • Gulp Watch 只运行一次

    我正在使用这个 Gulp Watch 示例 https github com floatdrop gulp watch blob master docs readme md starting tasks on events https gi
  • Gulp:如何自动替换 html 中的缩小文件? [关闭]

    Closed 这个问题是基于意见的 help closed questions 目前不接受答案 在开发过程中 通常我会分别将很多第三方库导入到我的html中 如下所示
  • 当使用 @use 导入文件时: Error Undefined Mixin

    我有一个入口文件 use mixins use default 现在当我使用 mixin 时default scss它抛出错误 Dart Sass 失败并出现以下错误 错误 未定义的 mixin Since use受到鼓励我不明白为什么这不
  • JavaScript 构建工具的目的是什么

    最近在学习Node js 这段时间 我听说了很多关于使用 Gulp 或 Grunt 作为构建工具的信息 现在我有兴趣学习如何使用 Gulp 我听说它是 一个构建工具 但我不确定它涵盖了什么 我会使用像 Gulp 这样可以帮助我进行开发的构建
  • 如何将 Bootstrap 卡图像居中[重复]

    这个问题在这里已经有答案了 如何在 Bootstrap 4 卡中将图像居中 这是一个垂直图像 左对齐看起来不对 我一直在阅读 Bootstrap Card 文档 但找不到任何有关使图像居中的信息 div class card deck di
  • React - 通过 css 模块全局使用 Bootstrap

    反应和所有这些东西都很新 所以我在这里需要一些帮助 我最近添加了https github com gajus babel plugin react css modules https github com gajus babel plugi
  • Bootstrap 4 - 带按钮标签的居中文本

    我想实现一个非常简单的目标 我有一条线 文本向左对齐 按钮向右对齐 我希望文本与按钮的标签垂直对齐 我尝试使用填充 边距 但没有任何效果 我相信我缺少一个简单而智能的解决方案 笨蛋演示 https plnkr co edit KwRF2uO
  • 未找到 scss-bundle 命令

    我确实安装了scss bundle全球范围内与npm install scss bundle g在 Mac 上但是当我运行命令时scss bundle e projects primeng lib src style styles scss
  • VueJS 中数据无法正确显示

    我的 VueJS 代码有一个小问题 在 输出 压缩的 GS1 数字链接 URI 部分中 When there is no result it should have nothing display like this I have remo
  • 自定义rc-time-picker的样式

    我在用rc time picker我的项目的包 但我在自定义样式时遇到问题pop up of my time picker成分 这是我的组件的屏幕截图 首先 我需要更改时间的背景颜色item在当时li from light grey 在屏幕
  • 禁用引导列上的滚动

    我正在尝试禁用引导列上的滚动 这是我的代码 div class container fluid h 100 div class row h 100 div class col 4 h 100 bg dark fixed div div cl
  • 使用 Clang 将 C++ 转换为 C 代码

    我知道llvm可用于将c 转换为c代码 我想知道是否clang可以做同样的事情 看成clang源自llvm 那么我可以使用clang将c 代码转换为c代码 如果你想知道我为什么要这样做 这是我的场景 PIC是一家微控制器制造商 不生产C 编
  • GitHub API 超出限制:如何提高前端应用程序的速率限制

    在向 GitHub API 发出一些 HTTP 请求后 它开始拒绝调用 并显示 xxx xxx xxx xxx 超出 API 速率限制 但是这里有一个好处 新闻 经过身份验证的请求获得更高的速率限制 查看 文档以获取更多详细信息 现在 有一
  • 未捕获(承诺中)TypeError:无法读取 null popover.js 的属性“模板”

    当我触发时我注意到一个错误 popover dispose 当我上下滚动页面时 函数会发生错误 并且它会减慢我的页面速度 该函数按其应有的方式运行并关闭弹出窗口 但这就是错误Uncaught in promise TypeError Can
  • Compass/SASS - 并非所有文件都被编译

    我不知道是否可以在不粘贴所有文件的完整代码的情况下解释该问题 但我会尝试 编辑我已将整个代码添加到 Github 帐户 我的 Sass 结构 https github com mnabialek sass structure 我使用 Win
  • 如何让 gulp-typescript 输出到与源文件相同的目录?

    我有以下管道 function typescripts return gulp src paths watchedFiles ts pipe cached typescripts pipe plumber pipe addsrc paths
  • 我无法在项目中使用节点波本威士忌

    我尝试对 scss 文件使用 npm 模块 波本威士忌 我收到以下错误 with function var paths Array prototype slice call arguments return concat apply bou
  • CSS 字体显示功能是什么?

    对于我的网站 我从 Google 的 PageSpeed Insights 获得以下反馈 利用字体显示 CSS 功能确保加载 Web 字体时文本对用户可见 这意味着什么 CSS font display允许您控制网络字体在加载时 加载后如何
  • webpack用css/scss文件生成js文件

    描述 在我使用的 webpack 中迷你 CSS 提取插件 plugins new MiniCssExtractPlugin filename name hash css chunkFilename name hash css 加载 scs

随机推荐

  • Cloud Run Build 期间未定义环境变量

    我使用 Google Cloud Run 来容器化 node js 应用程序 我通过以下方式将环境变量添加到谷歌云运行中本指南并期望在我的应用程序代码中使用它们 但 每当我运行构建 云运行构建 时 它都会向我显示process env NO
  • 静态指针是强指针吗?

    在 Objective C 中 我知道静态变量 应该 在程序的生命周期内保留其值 但如果它存储一个指针 它算作strong在ARC 我可以依赖它并确信该实例会never一旦我将其分配给静态变量 就从堆中退出 static ClassA sh
  • 如何从 pandas DataFrame 绘制热图

    这是我的数据框 jan f m a m j 2000 7 894737 22 387006 22 077922 14 5455 15 8038 3 33333 2001 3 578947 11 958763 28 741093 5 0541
  • Codeigniter时区mysql设置

    刚刚意识到为什么我的网站现在将所有日期时间变量显示为 1 小时 我第一次使用 Codeigniter 以前没遇到过这个问题 因此 我在主 index php 文件中包含以下代码 DEFAULT TIMEZONE Set the defaul
  • 我可以重写 Javascript Function 对象来记录所有函数调用吗?

    我可以重写 Function 对象的行为 以便可以在每次函数调用之前注入行为 然后正常进行吗 具体来说 尽管总体想法本身很有趣 我可以将每个函数调用记录到控制台 而不必到处插入 console log 语句吗 然后正常的行为还会继续吗 我确
  • Xcode 8 宏 NSLocalizedString 的不明确扩展

    我的单元测试 pch 文件中有以下内容 允许我的单元测试为本地化文件找到正确的包 并且在我升级到 Xcode8 之前这一切都工作正常 undef NSLocalizedString define NSLocalizedString key
  • 如何将Python回调传递给C#函数调用

    我正在尝试使用 python 中的 C 类 在 mono ubuntu 上使用 python net 到目前为止 我成功地用一个参数完成了一个简单的函数调用 我现在想做的是将 python 回调传递给 C 函数调用 我尝试了下面的以下变体
  • 如何从jquery中的json中获取不同的值

    我有一个 jquery json 请求 在该 json 数据中我希望能够按唯一值进行排序 所以我有 people pbid 626 birthDate 1976 02 06 name name pbid 648 birthDate 1987
  • .Net Core JWT 身份验证与自定义 API 密钥中间件

    我有一个 Net Core 2 0 应用程序 它使用 JWT 令牌来授权用户 这一切都工作正常 但我想要某种 API 密钥机制来允许其他应用程序集成 但我似乎无法让它与当前的身份验证一起工作 Code 启动 cs public void C
  • Oracle sqlldr 时间戳格式令人头疼

    我正在努力争取sqlldr将 csv 数据文件导入到我的表中 特别是时间戳字段 我的 csv 文件中的数据采用以下格式 16 NOV 09 01 57 48 001000 PM 我已经在我的控制文件中尝试了各种组合 但一直在兜圈子 我在网上
  • 如何在 Protractor 中截取整个页面的屏幕截图?

    下列的量角器 API 文档应该有一种方法可以截取整个页面的屏幕截图 而不仅仅是可见的框架 事实上这应该是默认行为 When takeScreenshot 被称为像 browser takeScreenshot then function p
  • 如何将列即时转换为 ASCII,而不保存以检查与外部 ASCII 字符串是否匹配?

    我有一个成员搜索功能 您可以在其中提供部分姓名 并且返回的结果应该是至少具有与该输入匹配的用户名 名字或姓氏之一的所有成员 这里的问题是有些名字有 奇怪 的字符 比如 in Ren e用户不想输入奇怪的字符而是输入正常的 ASCII 替代字
  • 如何创建像 Stack Overflow 网站一样的分页

    如何像stackoverflow一样创建分页 您没有说明您正在使用什么服务器端技术 但如果您想要纯客户端解决方案 您可以看看jQuery 分页插入 这是一个演示页面
  • 从日期 PHP 获取周数(一年中)

    我想确定一个日期并算出它的周数 到目前为止 我有以下内容 它返回 24 而它应该是 42 数字颠倒是错误还是巧合 或者我已经快到了 今天使用PHPDateTime对象更好
  • 如果输入为空,jQuery 输入事件不会触发

    我有一个 jQuery 事件处理程序 它对以下内容中的每个更改做出反应
  • 当键盘处于活动状态时,如何避免背景图像缩小?

    我想要一个带有文本输入的背景图像 但我不知道应该使用哪个小部件来避免背景图像在键盘处于活动状态时缩小 在这里您可以找到问题和我的代码的两个屏幕截图 class MyApp extends StatelessWidget override W
  • 是否可以使用小数分隔符强制 Floattostr/Strtofloat 函数使用小数点

    目前 我将小数分隔符设置为 在每个使用这些函数的过程中 在程序开始时进行全局设置会容易得多 但我发现 Delphi 似乎会定期将其设置回当前区域设置 我需要确保所有转换都使用小数点 无论程序在哪个国家 地区使用 因为这是此类程序的标准 并且
  • Laravel 5 POST 路由到索引而不是存储

    我正在开发一个 Laravel 5 RESTful API 它似乎没有正确路由 POST 请求 这是我的routes php Route group array prefix gt api v1 function Route resourc
  • XAMPP 中的 phpMyAdmin 出现“配置中定义的 controluser 连接失败”

    我刚刚在 Windows XP 计算机上安装了 XAMPP 但收到一条错误消息 配置中定义的 controluser 连接失败 在安装 XAMPP 之前 我安装了一个 MySQL 数据库并且它有一个密码 我更改了 MySQL 的密码并将其放
  • 如何创建 custom.css 来覆盖 Bootstrap 4 alpha 6 中的变量

    我正在尝试自定义 Bootstrap 4 alpha 6 主题 我想将设置从 variable scss 文件复制到 custom scss 进行覆盖 但我在源代码中没有找到 custom scss 文件 如何在我的项目中添加这个 cust