gpt4 book ai didi

css - 如何构建 Bootstrap 版本 4,以便 CSS 仅包含特定部分,例如网格?

转载 作者:太空宇宙 更新时间:2023-11-04 02:11:46 25 4
gpt4 key购买 nike

Bootstrap 版本 3 在他们的网站上有一个漂亮的网络工具,可让您自定义 CSS 文件。您可以选择 CSS 文件将包含哪些样式,例如网格样式、代码样式或特定组件(例如导航栏等)。

bootstrap 版本 4 站点还没有这个。我正在尝试弄清楚如何使用克隆的存储库构建这种类型的 CSS 文件。

如何构建 Bootstrap 版本 4,以便 CSS 文件仅包含我需要的特定样式?

最佳答案

(1) 从github下载bootstrap源码https://github.com/twbs/bootstrap如果你没有 git,有绿色按钮可以下载。
(2) 按照 http://sass-lang.com/install 中的说明安装 ruby​​ 和 sass
(3) cd 进入你下载源码的scss文件夹
(4) 更改 bootstrap.scss 文件以仅导入您需要的组件,例如,如果您不需要卡删除 @import "card"
(5) 在终端或命令提示符下 cd 进入 scss 文件夹
(6) 运行 sass bootstrap.scss bootstrap-custom.css 而不是 bootstrap-custom 你可以输入任何你想要的名字
(7) 生成名为 bootstrap-custom.css 的文件,随意使用;

关于css - 如何构建 Bootstrap 版本 4,以便 CSS 仅包含特定部分,例如网格?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39606349/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com