title: Changing Dropdown Icon on Bootstrap 4
body: <p>On Bootstrap 3 this was pretty easy, you just had to change span and add whatever icon you wanted instead. But that doesn't seem the case with Bootstrap 4. Or maybe I'm missing something?</p>
  
  <p>Anyway, here's the basic code for it:</p>
  
  <pre><code>&lt;div class="dropdown"&gt;
    &lt;button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"&gt;
      Dropdown button
    &lt;/button&gt;
    &lt;div class="dropdown-menu" aria-labelledby="dropdownMenuButton"&gt;
      &lt;a class="dropdown-item" href="#"&gt;Action&lt;/a&gt;
      &lt;a class="dropdown-item" href="#"&gt;Another action&lt;/a&gt;
      &lt;a class="dropdown-item" href="#"&gt;Something else here&lt;/a&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Can someone please tell me if it's possible to change the dropdown icon on this and how? I want to add one from fontawesome.</p>
  
  <p>Thank you!</p>