简介
bootstrap4c-slidebars 是一款基于 Bootstrap 的侧边栏插件，可以帮助我们实现侧边栏的滑入滑出功能。这个插件非常易用且自定义性强。
安装
我们可以通过 npm 安装这个包，在命令行中输入以下命令：
--- ------- --------------------- ------
使用
我们先来看看如何引入这个插件。在 HTML 中可以这样引入：
---- -- --------- -- --- ----- ---------------- --------------------------------------------------------------------- ---- -- ------ --- ------- ------------------------------------------------------------------ ---- -- --------------------- --- ----- ---------------- ------------------------------------------------------------------------ ------- -------------------------------------------------------------------------------
然后在 JavaScript 中，我们需要初始化一个 Slidebars 的实例，并设置一些参数：
---------------------------- -
--- --------- - --- -------------
---------- ----- -- -------------
----------- ----- -- -----------------------
------------------- ----- -- --------------
------------ --- -- -------- --- ---------
---
-- ------------
----------------------------- --------------- -
-- ------
------------------------
-----------------------
-- --------
---------------------------------
---
---最后，在 HTML 中，我们需要设置一个容器元素，并在内部设置侧边栏的具体内容：
---- ---------------- ------- ------
---- ----- ---
------ ----------------- ------------------
----
------ ------------ ----------
------ ------------ ----------
------ ------------ ----------
-----
--------
---- --- ---
---- ---------------
---- ---- ---
----------------
---- -------- ---
------- -------------------------- -------------
------
------总结
bootstrap4c-slidebars 这个插件非常易用，且具有极高的自定义性。我们只需要按以上步骤，简单设置一下，就可以实现一个具有侧边栏滑入滑出功能的网站了。希望本文能对你有所帮助！
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60066c83ccdc64669dde4e0d