react项目使用bootstrap

曾经对于react项目怎么使用bootstrap纠结了很久，网上也查了好多的资料，有的用react-bootstrap，只要npm install 以后，import就可以使用里面的css了。但是这个样式跟我想要的bootstrap还是有点不一样的。我希望用http://www.bootcss.com/里的，最近才发现，自己真的有的时候瞎想太多了，就跟之前一样，把bootstrap的css以及js引用直接放在index.html里面引用就可以了，真是为以前的愚蠢汗颜！！！

附引用代码：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="theme-color" content="#000000">
    <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
    <link rel="stylesheet" href="./css/bootstrap.min.css" rel="stylesheet">
    <title>React App</title>
  </head>
  <body>
    <div id="root">
     
    </div>
    <script src="js/jquery-3.2.1.slim.js"></script>
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>

 

posted @ 2018-12-07 16:01  绿茶叶  阅读(4265)  评论(1)  编辑  收藏  举报