html - 在 Bootstrap 中进行自定义更改的正确方法？

Question

我正在学习 bootstrap，我正忙于浏览 W3School 上的培训 Material 。但是，我对某些事情感到困惑:

假设我要使用以下代码向我的网站添加一个按钮:

<button type="button" class="btn">Basic</button>

但是假设我想要这个按钮是粉红色的而不是灰色的... Bootstrap 是否有特定的方式让我可以对颜色等进行微小的更改？或者，如果我向按钮添加自定义类并通过我的自定义样式表更改颜色是否正确？

像这样:

HTML

<button type="button" class="btn mypinkbutton">Basic</button>

CSS

.mypinkbutton {background:#FFC0CB;}

基本上...我是否只是像通常在 style.css 中所做的那样进行任何我想要的更改，或者它在 bootstrap 中的工作方式是否不同？

Answer 1

在 bootstrap 3 和 4 中，您应该自定义 sass/less 中的所有组件并编译所有源代码: https://getbootstrap.com/docs/4.0/getting-started/theming/

这是自定义 Bootstrap 的最佳方式。

您还可以在此处生成自定义 Bootstrap 资源(针对 Bootstrap 3):https://getbootstrap.com/docs/3.3/customize/ 但是，这不是灵活的解决方案。