title: How to import bootstrap and fontasome in index.html reactjs app
body: <p>Install bootstrap using this command (npm install bootstrap@4.0.0-alpha.6)
  and my index.html file is:</p>
  
  <p>According issue I can add the css from other front framework (<a href="https://maxcdn.bootstrapcdn.com/" rel="nofollow noreferrer">https://maxcdn.bootstrapcdn.com/</a>),  and make it work. I d</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!doctype html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
    &lt;!-- The first thing in any HTML file should be the charset --&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;!-- Make the page mobile compatible --&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
    &lt;!-- Allow installing the app to the homescreen --&gt;
    &lt;link rel="manifest" href="manifest.json"&gt;
  &lt;link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css" /&gt;
    &lt;link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous"&gt;
    &lt;meta name="mobile-web-app-capable" content="yes"&gt;
    &lt;title&gt;Super Tax&lt;/title&gt;
    &lt;script type="text/javascript"&gt;
      (function(e,t){var n=e.amplitude||{_q:[],_iq:{}};var r=t.createElement("script")
      ;r.type="text/javascript";r.async=true
      ;r.src="https://cdn.amplitude.com/libs/amplitude-4.0.0-min.gz.js"
      ;r.onload=function(){if(e.amplitude.runQueuedFunctions){
      e.amplitude.runQueuedFunctions()}else{
      console.log("[Amplitude] Error: could not load SDK")}}
      ;var i=t.getElementsByTagName("script")[0];i.parentNode.insertBefore(r,i)
      ;function s(e,t){e.prototype[t]=function(){
      this._q.push([t].concat(Array.prototype.slice.call(arguments,0)));return this}}
      var o=function(){this._q=[];return this}
      ;var a=["add","append","clearAll","prepend","set","setOnce","unset"]
      ;for(var u=0;u&lt;a.length;u++){s(o,a[u])}n.Identify=o;var c=function(){this._q=[]
      ;return this}
      ;var l=["setProductId","setQuantity","setPrice","setRevenueType","setEventProperties"]
      ;for(var p=0;p&lt;l.length;p++){s(c,l[p])}n.Revenue=c
      ;var d=["init","logEvent","logRevenue","setUserId","setUserProperties","setOptOut","setVersionName","setDomain","setDeviceId","setGlobalUserProperties","identify","clearUserProperties","setGroup","logRevenueV2","regenerateDeviceId","logEventWithTimestamp","logEventWithGroups","setSessionId"]
      ;function v(e){function t(t){e[t]=function(){
      e._q.push([t].concat(Array.prototype.slice.call(arguments,0)))}}
      for(var n=0;n&lt;d.length;n++){t(d[n])}}v(n);n.getInstance=function(e){
      e=(!e||e.length===0?"$default_instance":e).toLowerCase()
      ;if(!n._iq.hasOwnProperty(e)){n._iq[e]={_q:[]};v(n._iq[e])}return n._iq[e]}
      ;e.amplitude=n})(window,document);
  
      amplitude.getInstance().init("AMPLITUDE_KEY");
    &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;!-- Display a message if JS has been disabled on the browser. --&gt;
  &lt;noscript&gt;If you're seeing this message, that means &lt;strong&gt;JavaScript has been disabled on your browser&lt;/strong&gt;,
    please &lt;strong&gt;enable JS&lt;/strong&gt; to make this app work.
  &lt;/noscript&gt;
  
  &lt;!-- The app hooks into this div --&gt;
  &lt;div id="app"&gt;&lt;/div&gt;
  &lt;div id="message-container" style="display: none;" class="st-alert"&gt;&lt;/div&gt;
  &lt;div id="connection-status" style="display: none;"&gt;
    &lt;div&gt;
      &lt;span class="fa fa-circle margin-right-16" style="color: red;"&gt;&lt;/span&gt;
      &lt;span&gt;You are offline&lt;/span&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;div id="progress-bar-container"&gt;
    &lt;div id="progress-bar"&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;!-- A lot of magic happens in this file. HtmlWebpackPlugin automatically includes all assets (e.g. bundle.js, main.css) with the correct HTML tags, which is why they are missing in this HTML file. Don't add any assets here! (Check out webpackconfig.js if you want to know more) --&gt;
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>