导入引导程序以响应 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 自动完成模块包来帮助在模块中找到您想要的文件

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

Answer 2

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

因为 React-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';