什么是 @equibit/bootstrap4-less
@equibit/bootstrap4-less 是一个基于 Bootstrap 4 的 LESS 引擎，用于开发响应式、移动设备优先的 web 应用程序。
此包提供了Bootstrap 4的所有样式，并且可以轻松地在您的应用程序中使用它们。另外，您还可以使用自己的 LESS 变量来轻松自定义应用程序的颜色、字体和其他样式。
安装 @equibit/bootstrap4-less
NPM 安装
可以使用 npm 在你的项目中安装 @equibit/bootstrap4-less:
npm install @equibit/bootstrap4-less --save-dev
下载源码
您也可以从 Github 上手动下载源码包: https://github.com/Equibit/bootstrap4-less
如何使用 @equibit/bootstrap4-less
基本用法
@equibit/bootstrap4-less 可以用于您的包含 HTML 和 LESS 文件的项目中。通过在您的主入口文件中，使用 @import 语句引入 @equibit/bootstrap4-less，从而使用其中样式。
例如，在您的 styles.less 文件中，您可以加入以下代码：
@import "~@equibit/bootstrap4-less/bootstrap";
这将把所有 Bootstrap 4 样式导入到您的应用程序的 CSS 文件中。
自定义主题
如果您想自定义 Bootstrap 4 样式的变量，您可以使用 @import 语句的方式导入一个自定义变量的 LESS 文件，提供给 @equibit/bootstrap4-less 使用。
例如，在您的应用程序主题中，您可以自定义 Bootstrap 4 的一些变量，例如：
-- -------------------- ---- ------- ------- ----------------------------------------------- --------- -------- ----------- -------- --------- -------- ------ -------- --------- -------- -------- -------- ------- -------- ------ -------- ------- -------------------------------------
示例代码
下面是一个示例，请复制以下代码，并在您的 index.html 文件中进行测试：
-- -------------------- ---- -------
--------- -----
----- ----------
------
----- ----------------
------------------------------- ------------
----- ---------------- ------------------
-------
------
---- ------------------
--- ------------------------ -----------
-- ----------------- -- - ------ ---- ----- - ------ --------------- --------- --- ------- ----- --------- -- -------- ------- -- ----------------
--- -------------
----- ---- ------- ------- --- ---------- --- ------- -- ----- ------- --- ------ --- ------ --------------
-- ---------- ----------- ------- -------- ------------------- --------
------
------- -------------------------
-------
-------结论
@equibit/bootstrap4-less 是一个方便的 LESS 引擎，可以使您的 Bootstrap 4 应用程序风格更具可定制性和多样性。使用本教程中的步骤，您可以轻松地将它集成到您的项目中，并使用它的各种不同功能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066b5551ab1864dac66b23