Em minhas páginas, tenho vários links como o a seguir:
<a href="/Home/Index" class="btn-sm btn-success" role="button">
<i class="glyphicon glyphicon-home"></i> Home
</a>
Ele mostra um ícone na frente do texto que, quando clicados, redirecionam para um caminho.
Gostaria que, dependendo do tamanho da tela, esse texto aparecesse ou deixasse de aparecer, nesse caso, mantendo apenas o ícone.
Qual a melhor prática para fazer isso via CSS?