Question

我是bootstrap4的新手，所以请解释如何在项目中使用它。

在Bootstrap 4中有像dist，js等文件夹，

在dist文件夹中再次js文件夹...所以js文件必须在项目中使用。
在主js文件夹中，有affix.js，button.js，collapse.js等文件。

I）我们在bootstrap3中使用这些插件的上述js文件有什么用处没有任何js文件。

提前致谢

Answer 1

来自官方文件：

如果您不想自己下载和托管Bootstrap 4，可以   从CDN（内容分发网络）中包含它。

MaxCDN为Bootstrap的CSS和JavaScript提供CDN支持。您   还必须包含jQuery：

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">

<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<!-- Popper JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>

但是，如果您已经下载了bootstrap，只需在项目中包含以前的文件

来源：https://www.w3schools.com/bootstrap4/bootstrap_get_started.asp

Answer 2

在dist文件夹中再次使用js文件夹...所以js文件必须在项目中使用。

您将在dist文件夹中看到2个文件夹 - ＆gt; js和css

使用js文件bootstrap.min.js

对于css，请使用文件bootstrap.min.css

I）我们在没有任何js文件的bootstrap3中使用这些插件的上述js文件有什么用。

这些是各个组件的文件。在构建期间，它连接并缩小为bootstrap.min.js

如果您不使用这些组件，您可以在构建期间注释这些文件并生成自定义引导程序文件。

Answer 3

对于使用最新版本的Bootstrap 4.0.0，有一个＆＃34;速成课程＆＃34;在Coursetro：

https://coursetro.com/posts/code/130/Learn-Bootstrap-4-Final-in-2018-with-our-Free-Crash-Course

本课程从安装Bootstrap 4.0.0开始，以一个简单的项目结束。它也有一个课程视频。要在课程中编辑您需要的文件，您可以使用免费的＃34; Visual Studio Code＆＃34;正如之前关于Coursetro的课程所建议的那样。 https://code.visualstudio.com/

我只使用Bootstrap大约3个月，所以我也是新手。按照上面提到的课程来掌握它。

您提到的文件夹：

node_modules＆GT;自举＆GT; JS＆GT; DIST

据我所知，Bootstrap本身使用

。并且仅在旧版本中，文件affix.js不再出现在Bootstrap 4.0.0中。如果您依赖这些文件，则可能会遇到较新的Bootstrap版本。

例如，只要在index.html中使用它： <div class="nav-item dropdown"> bootstrap＆＃34; know＆＃34;它应该使用＆＃34; dropdown.js＆＃34; 您无需了解该文件。

对您的项目唯一重要的文件夹是：

node_modules＆GT;自举＆GT; DIST

如何在项目中使用Bootstrap-4？

3 个答案: