title: How to remove the arrow in dropdown in Bootstrap 4?
body: <p>I am using Bootstrap 4. I tried to remove the arrow in dropdown.</p>
  
  <p>The <a href="https://stackoverflow.com/questions/10244773/how-can-i-remove-the-arrow-from-drop-down-list-in-bootstrap-css">answers</a> I found for Bootstrap 3 do not work any more.</p>
  
  <p>The jsfiddle is <a href="https://jsfiddle.net/Hongbo_Miao/ujLnh9y7/1/" rel="noreferrer">here</a>.</p>
  
  <pre><code>&lt;div class="dropdown open"&gt;
    &lt;button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"&gt;
      Dropdown
    &lt;/button&gt;
    &lt;div class="dropdown-menu" aria-labelledby="dropdownMenu1"&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;/div&gt;
  &lt;/div&gt;
  </code></pre>