title: Bootstrap correctly imported but styles not working
body: <p>I followed the instructions on how to import bootstrap on symfony but it doesn't seem to import any styles.</p>
  
  <p>I tried to import it in different blocks and divs, but it doesn't seem to do anything. 
  I'm using Webpack encore, and it compiles everytime correctly. </p>
  
  <p>My app.js file:</p>
  
  <pre><code>// any CSS you require will output into a single css file (app.css in this case)
  require('../css/app.css');
  require('chartist/dist/chartist.css');
  const Chartist = require('chartist');
  window.Chartist = Chartist;
  
  // Need jQuery? Install it with "yarn add jquery", then uncomment to require it.
  const $ = require('jquery');
  window.$ = $;
  
  // this "modifies" the jquery module: adding behavior to it
  // the bootstrap module doesn't export/return anything
  require('bootstrap');
  </code></pre>
  
  <p>My twig template (which is <strong>not</strong> the base template): </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  
  &lt;h1&gt;
      {{ encore_entry_link_tags('app') }}
      {{ encore_entry_script_tags('app') }}
  &lt;/h1&gt;
  
  {% block head %}
      &lt;nav class="navbar"&gt;
          &lt;ul id="menu" class="navbar"&gt;
              &lt;li class="active"&gt;&lt;a href="#"&gt;First Entry&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Second Entry&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Third Entry&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Fourth Entry&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/nav&gt;
  {% endblock %}
  
  {% block body %}
  
  
      &lt;div class="container"&gt;
  
          &lt;div class="app-chartist" data-url="{{ path('data') }}"&gt;&lt;/div&gt;
      &lt;/div&gt;
  {% endblock %}
  &lt;/html&gt; 
  </code></pre>
  
  <p>Only the chartist styles are imported, otherwise none whatsoever. </p>
  
  <p>Is there a possibility of "style conflicts" between bootstrap and chartist?</p>