Как заставить текст занимать одну строку?

#bootstrap-4

Я пытаюсь заставить текст исчезать на экранах меньших размеров, от lg до small, это работает, но текст занимает две строки, когда я добавляю эффект.

Когда я добавляю d-lg-block , он начинает занимать две строки.

Я пробовал следующее:

Проблемный код:

 <span class="d-none d-lg-block">6*7*******</span>

 <span class="d-none d-lg-inline-block">

Это то, что вы ищете! 🙂 Однако CSS был бы

 display: inline-block!important;

Я думаю, что без important CSS Bootstrap в любом случае переопределил бы ваш.