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