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?
HTML
<li>
<a href="#"><i class="fa fa-icon"></i> Text Link</a>
</li>
In mobile, I should only see the (icon). In desktop or tablet mode, I'll see (icon) Text Link