Linking to css files from react index : <p>I have this simple index : </p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta charset="utf-8"&gt;
&lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
&lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
&lt;meta name="description" content=""&gt;
&lt;meta name="author" content=""&gt;

&lt;title&gt;SB Admin - Bootstrap Admin Template&lt;/title&gt;

&lt;!-- Auth0Lock script --&gt;
&lt;script src="//cdn.auth0.com/js/lock-9.1.min.js"&gt;&lt;/script&gt;

&lt;!-- Bootstrap Core CSS --&gt;
&lt;link href="/ui/css/bootstrap.min.css" rel="stylesheet" /&gt;

&lt;!-- Custom CSS --&gt;
&lt;link href="/ui/css/sb-admin.css" rel="stylesheet" /&gt;

&lt;!-- Custom Fonts --&gt;
&lt;link href="/ui/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" /&gt;

&lt;!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --&gt;
&lt;!-- WARNING: Respond.js doesn't work if you view the page via file:// --&gt;
&lt;!--[if lt IE 9]&gt;
    &lt;script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"&gt;&lt;/script&gt;
    &lt;script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"&gt;&lt;/script&gt;
&lt;![endif]--&gt;

 &lt;/head&gt;
  &lt;body&gt;
    &lt;div id="root"&gt;
    &lt;/div&gt;
    &lt;script src="/static/bundle.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>But for some reason, after running npm start, it doesn't get access to the css files.. so i get a page without style. 
Here is the tree of my project: </p>

<ul>
<li>actions </li>
<li>components </li>
<li>containers </li>
<li>dist </li>
<li>middleware </li>
<li>node_modules </li>
<li>reducers </li>
<li>store </li>
<li>ui </li>
<li>--css </li>
<li>--font-awesome</li>
<li>index.html</li>
<li>index.js</li>
<li>webpack.config.js </li>
<li>package.json</li>
</ul>
