How to remove the arrow in dropdown in Bootstrap 4?
<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>