Question

我使用npm安装了Bootstrap和jQuery，我在App.js文件中这样做了：

const $ = require('jquery'); 
global.jQuery = $; 
require('bootstrap');

这是我的index.html中的ref链接

<link rel="stylesheet" link="./dist/css/bootstrap.min.css"/>

我正在使用webpack。

Answer 1

在index.js文件中导入bootstrap的样式，如：

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

或

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

我想你已经安装了bootstrap，如：

 npm install --save bootstrap

或者您可以使用以下CDN进行引导并将其添加到index.html文件中：

 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

Answer 2

1）安装react-bootstrap

npm install --save react-bootstrap

2）包括CDN的最新款式

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

并使用它，

import { Button } from 'react-bootstrap';

如何使用npm localy在我的React应用程序上设置Bootstrap？

2 个答案: