Loading [MathJax]/jax/output/CommonHTML/config.js

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >更改引导带5中的主按钮颜色

问更改引导带5中的主按钮颜色
EN

Stack Overflow用户

提问于 2021-05-15 13:45:31

回答 1查看 369关注 0票数 1

我希望用PHP安装SASS来改变Bootstrap 5中主按钮类的颜色。

我最初通过CDN包括了引导程序，知道我可以创建一个自定义的.css文件。我知道我必须确保涵盖所有口味的初级课程，但这是一个相对快速和容易的方式，以改变按钮的颜色。

但这感觉非常2010年，似乎有更多的升级友好的方式来实现这一点。由于自定义的引导存在的时间更长，所以看起来最新定制建议将使用SASS。

为了实现这一点，我切换到了编写器安装引导程序，希望它能提供必要的SASS文件，从那里我可以使用添加自定义，然后为我的安装进行编译。但是作曲家包不包括任何SCSS文件，所以我现在觉得有点卡住了。这是我第一次使用SASS，我似乎找不到任何关于如何使用PHP来实现这个功能的东西。我还查看了其他资源，试图将其整合在一起：

萨克斯-作曲家

这一切似乎让我更接近使用SASS自定义引导(我认为)。但是，仅仅改变按钮的颜色也会让人觉得有很多额外的东西。

我可以使用SASS和PHP定制按钮颜色吗？我应该采取什么步骤？

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-05-16 03:09:19

我觉得这是个意见问题。

我个人还没有在引导5的代码库上尝试过PHPSASS，但我知道我在使用NodeSASS时遇到了几个问题。Bootstrap似乎使用(并更喜欢) DartSASS作为它的源代码。Dart是Sass的主要实现。，还有一些其他SASS编译器无法处理的特性。

但是，您还应该考虑为什么要使用基于PHP的SCSS编译器。

如果要呈现动态CSS，那么需要完成大量的工作，像Bootstrap这样复杂的代码库可能太大，无法在每次命中编译。对于这种方法，您可以更好地使用CSS插件(只使用更改覆盖CDN基)。别担心老派的想法.HTML是如此的1989年。
如果只编译一次(呈现可重用的CSS)，那么最好使用带有NPM的引导代码库，并根据自己的引导风格创建_variable.scss文件的变体。引导5有一组丰富的文档，可以让您在自定义文档页面上开始工作。从那开始..。然后他们转到启动-npm-启动项目来构建您自己的项目。

票数 0

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/67551481

复制

相关文章

是的，股价不遵循随机游走！

《非随机漫步华尔街》是由Lo和MacKinlay撰写的一本在学术上具有挑战性的教科书：

量化投资与机器学习微信公众号

2019/11/12

2.1K0

在 VS 2015 中使用 Gulp 编译 TypeScript

打包 typescript json gulp npm

升级到 VS2015 之后， TypeScript 文件不能自动编译成 js 文件，要编译项目才能讲所有的 ts 文件编译成 js 文件，不过 VS2015 支持 Gulp ，而 Gulp 有 TypeScript 插件，这样使用 Gulp 自动编译 ts 文件的方法就可以实现了。

beginor

2020/08/10

1.3K0

在 VS 2015 中使用 Gulp 编译 TypeScript

Gulp-自动化编译sass和pug文件

自动化 sass html

突然发现在我博客文章中，缺少这一块的记录，那我就补一篇吧。 gulp的环境配置和安装：http://www.cnblogs.com/padding1015/p/7162024.html 这里就补充一篇gulpfile.js的配置，用于自动化编译sass和pug文件用： 1 var gulp = require('gulp'); 2 var pug = require('gulp-pug'); 3 var sass = require('gulp-sass'); 4 var rename = requ

xing.org1^

2018/05/17

9370

Gulp 快速入门gulp API 文档

https://github.com/gulpjs/gulp/blob/master/docs/API.md

一个会写诗的程序员

2018/08/17

7960

Gulp 快速入门gulp API 文档

Gulp 工作流中Sass 增量编译功能的探索

大约是上一年的这个时候，因为项目合并来到了新的项目组中。虽然协作的同岗位同事也是同一个组的，但使用的Gulp 工作流却有些不一样。第一天做项目需求的时候，就遇到了一件让我瞠目结舌的事情：这里的Sass 编译一次居然要10s 以上。有用过Sass 这类CSS 预处理器都知道10s+ 意味着什么，你每保存一次.scss 文件，都必须等上10s 以上才能看到你所改动的效果。如此一来十分尴尬，因为你直接写原生的CSS 语法比这还快。让我更加惊讶的是当时的项目组相关同事已经用了这套工作流快一年了，却居然能一直默默忍

Jeff

2018/01/22

1.4K0

windows上编译 python C源

跟随《python源码剖析》一书，了解python内部机制。今天搞定了在windows上编译python源代码。

py3study

2020/01/08

6840

简单介绍 gulp是基于node开发的所以可以使用npm这个nodejs的包管理工具安装gulp，使用npm首先得配置node环境

河湾欢儿

2018/09/06

1K0

gulp pipe缓存_gulp使用教程

gulp javascript bash html http

gulp的pipe方法是来自nodejs stream API的。 gulp本身是由一系列vinyl模块组织起来的。

全栈程序员站长

2022/11/15

8040

gulp&&webpack打包

webpack node.js gulp javascript

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

sofu456

2019/10/22

6250

编译 Libvirt 源码并创建yum源

yum http 腾讯云测试服务打包

有时候需要测试特定版本的libvirt或者需要测试自己修改过的libvirt。这时候就需要重新编译libvirt，并做成yum源

后端云

2022/11/25

2.4K0

Gulp构建实例

gulp javascript api jquery css

assets 项目资源目录，dev 开发目录，dist 编译输出目录，gulpfile.js 自动化工具 API

零式的天空

2022/03/22

1.8K0

Hive排序函数

注意：排名函数可以跟Over()，但是不能定义window_clause。在计算名次前，需要先排序！

孙晨c

2020/10/10

1.1K0

Python排序函数

编程算法 java https 网络安全

list.sort(cmp=None, key=None, reverse=False)

全栈程序员站长

2022/09/07

4170

delphi数组排序_sql排序函数

https 网络安全 listview android

var m_bSort: boolean=false; //控制正反排序的变量 //ListView排序的回调函数，默认的是快速排序法，也可以自己在这里做算法 function CustomSortProc(Item1, Item2: TListItem; ParamSort: integer): integer; stdcall; var txt1,txt2 : string; begin if ParamSort <> 0 then begin try txt1 := Item1.SubItems.Strings[ParamSort-1]; txt2 := Item2.SubItems.Strings[ParamSort-1]; if m_bSort then begin Result := CompareText(txt1,txt2); end else begin Result := -CompareText(txt1,txt2); end; except end;

全栈程序员站长

2022/11/09

7930

Gulp基本用法

gulp webpack javascript 打包网站

Gulp是一个模块化打包工具。 Gulp本身只有几个入口，支持他拥有强大功能的是各种各样的插件。 Gulp的使用看起来非常简单，只需要一个一个任务链式执行就可以了，它还可以与Webpack结合起来使用比如将Webpack作为一个插件来处理ES6转换为ES5的操作。下面记录一下Gulp的API以及一些用到的插件。

epoos

2022/06/06

7410

Gulp基本使用

打包 gulp javascript

上述代码会将src/test里面的所有js文件合并，压缩成一个文件并保存到./bunld/js/bundle.min.js 运行命令

切图仔

2022/09/08

9740

gulp 错误集锦

gulp javascript html ecmascript 文件存储

报错内容： TypeError: gulp.on(...).on(...).on(...).on(...)\.start is not a function 问题分析：一般这种情况是因为gulp版本引起的。

celineWong7

2020/11/05

1.5K0

gulp npm html javascript 文件存储

复杂的模块依赖关系需要被记录，确保模块的版本和当前保持一致，否则会导致当前项目运行报错

Qwe7

2022/05/21

4690

json npm 人工智能

gulp是趋势 gulp完全开发指南 => 快来换掉你的Grunt吧 gulp的工作流程：文件流--文件流--文件流......因为grunt操作会创建临时文件，会有频繁的IO操作，而gulp使用的是

deepcc

2018/05/16

1.1K0

gulp 插件工作命令行压缩

在前端开发中通常需要做，预处理语言的编译、js文件的压缩、css文件的压缩、图片的压缩等一系列工作，而使用Gulp可以自动化的完成这些工作，从而提高网站的开发效率，在我的博客使用Less中介绍了将Less文件编译成CSS文件的方法，仔细观察可以看到如果按照博客中介绍的方法，在编译多个Less文件或者编译不同文件夹下的Less文件时需要执行多次Less文件编译命令，而使用Gulp可以一次性完成这些操作

用户3880999

2023/04/13

5800

相似问题

调整标签、文本字段和按钮大小

30

如何在标签或文本字段中添加富文本或HTML？

10

根据文本字段中的字符数量调整DIV大小

20

根据按钮/标签大小调整文本大小

20

如何访问XCTest中没有标签或静态文本的文本字段？

12

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例