Как использовать классы bootstrap, чтобы скрыть текст в теге h1?

Question

<h1> Web Design is Awesome!!!<span class="visible-lg">(I Guess...)</span></h1>

«Я думаю» отображается на экранах всех размеров. Я хочу, чтобы это показывалось только на больших экранах. Кто-нибудь может мне помочь.

Answer 1

Добавьте visible-lg-inline к span. тогда это будет видно только на больших экранах.

<h1> Web Design is Awesome!!!<span class="visible-lg-inline">(I Guess...)</span></h1>

Answer 2

Вам необходимо использовать hidden-md вместе с visible-lg

check Responsive Utilities раздел для более подробной информации