React + Bootstrap + Bootstrap下载主题

时间:2018-02-15 12:59:48

标签: reactjs bootstrap-4

我想使用create-react-app在新的React应用中集成此主题https://startbootstrap.com/template-overviews/new-age/

有人可以开导我吗?我对如何开始这一点感到困惑。

非常感谢,

阿尔贝托

1 个答案:

答案 0 :(得分:0)

  1. a template没有使用create-react-app。

  2. 使用create-react-app并不特别

  3.   

    npm install -g create-react-app

         

    create-react-app new-age-demo

         

    cd ./new-age-demo

         

    npm install bootstrap startbootstrap-new-age

    将以下内容添加到src\index.js

    的顶部
      

    import'bootstrap / dist / css / bootstrap.css';
      import'startbootstrap-new-age / css / new-age.css';

         

    从'jquery'导入$;
      window.jQuery = window。$ = $;
      要求( '自举/ DIST / JS / bootstrap.bundle.min.js');
      要求( 'jQuery的宽松');
      要求( 'startbootstrap-新时代/ JS /新age.min.js');

    然后以this markup为例,将body标记的内容添加到您的App组件中(进行一些调整,例如删除评论,添加自关闭标记,重构到组件中) )