导入引导样式

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

1 2 3 4 5 6 7

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

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

导入Bootstrap JavaScript

首先，安装应用程序中Bootstrap版本所需的JavaScript依赖项:

1 2 3 4 5 6 7

#如果你使用Yarn包管理器# (jQuery只在Bootstrap 5之前的版本中需要)＄Yarn添加jquery @popperjs/core——dev#如果你使用NPM包管理器# (jQuery只在Bootstrap 5之前的版本中需要)＄NPM安装jquery @popperjs/core

现在，需要从任何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”）;