如何在create-react-app中引入并使用BOOTSTRA.386 Bootstrap主题？

一、导入主题到项目的两种方法 #

方法1：通过npm包安装 #

1. 打开终端，在项目根目录执行安装命令：

   npm install bootstra.386
   

2. 找到项目根目录下的src/index.js文件，在顶部添加CSS导入语句：

   import 'bootstra.386/dist/bootstra.386.min.css';
   

方法2：手动导入（适合npm安装失败的情况） #

1. 下载主题压缩包后解压，找到dist文件夹里的bootstra.386.min.css文件。
2. 在React项目src目录下新建assets/css文件夹，将上述CSS文件复制进去。
3. 在src/index.js里导入本地CSS文件：

   import './assets/css/bootstra.386.min.css';
   

二、关于组件开发与CSS类的说明 #

• 不需要重新开发组件。BOOTSTRA.386是基于Bootstrap改造的复古主题，直接使用标准Bootstrap CSS类即可生效，比如btn、container、row、card这些常用类，主题会自动将其渲染为DOS复古样式。
• 主题还提供了部分自定义复古类（如示例中的dos-window、dos-btn），如果需要实现更贴近DOS系统的特殊效果，可以直接使用这些类。
• 额外提醒：如果项目未安装过Bootstrap核心包，建议先执行npm install bootstrap，并在导入主题CSS前先导入Bootstrap基础CSS，确保样式覆盖顺序正确：

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

内容的提问来源于stack exchange，提问作者kilnerbank