导入引导程序以响应 Atom？

Question

我已经使用以下代码成功地将 Jquery 导入到 atom 中：

从 'jquery' 导入 $；

导入 css-bootstrap 的等价物是什么？

注意： 我已成功将引导程序安装到我的项目文件夹中（使用命令行）：

$ npm install react-bootstrap --save

Answer 1

我通常只使用导入常规引导程序

npm install bootstrap@4.0.0-alpha.6

然后在我的应用中调用它

import 'bootstrap/dist/css/bootstrap.css'

我还建议使用 atom autocomplete-modules 包来帮助在模块中找到所需的文件

请记住，如果您使用create-react-app 来帮助在 JavaScript 中导入资产，它将起作用

Answer 2

您可以使用 bootstrap 的 CDN（取自 https://react-bootstrap.github.io/getting-started.html）：

因为 React-Bootstrap 不依赖于非常精确的版本 Bootstrap，我们不附带任何包含的 css。然而，有些 使用这些组件需要样式表。如何和哪个 您包含的引导样式取决于您，但最简单的方法是 包括来自 CDN 的最新样式。

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

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap-theme.min.css">

或者您可以尝试安装常规引导模块：

npm install bootstrap@4.0.0-alpha.6

并将以下行添加到您的client.js（确保您设置正确的路径）：

import 'bootstrap/dist/css/bootstrap.css';