介绍
gentelella 是一个基于 Bootstrap 的免费开源的后台管理面板，它提供了多种预定义的 UI 元素和组件，可以帮助前端开发人员快速搭建起一个简洁而强大的后台管理界面。
gentelella 已经发布到 npm 上，因此可以很容易地集成到你的项目中。本文将详细介绍如何使用 npm 包来安装和使用 gentelella。
安装
在开始之前，请确保已经安装了 Node.js 和 npm。如果还没有安装，可以从 Node.js 官网下载并安装。
要安装 gentelella，只需打开终端并键入以下命令：
--- ------- ---------- ------
这将下载 gentelella 并将其添加到你的项目依赖项中。
使用
引入样式和脚本
一旦安装完成，你需要在你的 HTML 文件中引入 gentelella 样式文件和脚本文件。可以通过以下方式实现：
--------- -----
------
------
----- ----------------
--------- -----------
----- ---------------- -------------------------------------------------------------------------------
----- ---------------- --------------------------------------------------------------------------------
----- ---------------- ------------------------------------------------------------------
----- ---------------- -----------------------------------------------------------
-------
----- ---------------
---- ---- ---
------- ----------------------------------------------------------------------------
------- -------------------------------------------------------------------------------------
------- -------------------------------------------------------------------------
------- -----------------------------------------------------------------
-------
-------在引入样式和脚本文件之后，你将有一个基本的界面。你可以使用它来开始你自己的开发。
自定义样式
如果你想进一步地自定义 gentelella 的样式，可以修改 custom.scss 文件中的变量或添加新的样式。然后，只需运行以下命令即可重新编译样式：
--- --- ------------
示例代码
这里是一个简单的示例代码，展示了如何使用 gentelella 来创建一个具有导航栏、侧边栏和内容区域的基本页面：
--------- -----
------
------
----- ----------------
--------- -----------
----- ---------------- -------------------------------------------------------------------------------
----- ---------------- --------------------------------------------------------------------------------
----- ---------------- ------------------------------------------------------------------
----- ---------------- -----------------------------------------------------------
-------
----- ---------------
---- ---------------- ------
---- -----------------------
---- --- ---
---- ------------- ---------------- ----------- ---------
-- -------------------- ----------- -------
---- --------------- ---------------- ---------------
--- -------------------
--- --------------- --------
-- ---------------- -----------------
-----
--- -----------------
-- ---------------- -----------------
-----
--- -----------------
-- ---------------- -----------------
-----
-----
------
------
---- --- ---
---- -------
- ----------------------------------------------------------- --------
---------------------------------------------------------------------------------------