title: How to hide text links when viewed in mobile with bootstrap 4
body: <p>I'd like to hide the text part of the link when viewed in mobile (xs and sm) sizes. How can I accomplish this? Does bootstrap 4 offer anything?</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;li&gt;
    &lt;a href="#"&gt;&lt;i class="fa fa-icon"&gt;&lt;/i&gt; Text Link&lt;/a&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>In mobile, I should only see the <code>(icon)</code>. In desktop or tablet mode, I'll see <code>(icon) Text Link</code></p>