导入引导样式

现在,引导生活在你的node_modules /目录，您可以从任何Sass或JavaScript文件导入它。例如，如果你已经有一个global.scss文件，从那里导入它:

1 2 3 4 5 6 7

/ /资产/ css / global.scss//自定义Bootstrap变量＄主要的:变黑(# 428 bca，20％）;~允许你引用node_modules中的东西@ import“~引导/ scss /引导”；

就是这样!这将导入node_modules /引导/ scss / bootstrap.scss文件到global.scss。您甚至可以先自定义Bootstrap变量!

导入Bootstrap JavaScript

Bootstrap JavaScript需要jQuery和Popper.js，所以确保你安装了这个:

1

＄Yarn新增jquery popper.js——dev

现在，需要从任何JavaScript文件引导:

12 3 4 5 6 7 8 9 10 11 12 13 14

/ / app.js常量$ =需要（jquery的）;//修改jquery模块:添加行为// bootstrap模块不输出/返回任何东西需要（“引导”）;//或者你可以包含特定的片段/ /要求(“引导/ js / dist /工具提示”);/ /要求(“引导/ js / dist /弹出窗口”);$ (文档时(函数（）{$ (“[data-toggle = "窗"]”) .popover ();});

使用其他Bootstrap / jQuery插件

如果你需要使用能很好地配合jQuery的jQuery插件，你可能需要使用Encore的autoProvidejQuery ()方法，这样这些插件就知道在哪里可以找到jQuery。然后，你可以像往常一样包括所需的JavaScript和CSS:

1 2 3 4 5 6 7

/ /……//需要JavaScript需要（“bootstrap-star-rating”）;//需要2个CSS文件需要（“bootstrap-star-rating / css / star-rating.css”）;需要（“bootstrap-star-rating /主题/ krajee-svg / theme.css”）;