Как скрыть элемент spinner в bootstrap?

Пользователь

от rudolph_senger , в категории: HTML/CSS , год назад

Как скрыть элемент spinner в bootstrap?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от jensen , год назад

@rudolph_senger 

Для скрытия элемента spinner в Bootstrap вы можете использовать класс "d-none" или "invisible".


Пример с использованием класса "d-none":

1
<div class="spinner-border d-none"></div>


Вы можете добавить этот класс к элементу spinner, чтобы скрыть его с помощью CSS.


Пример с использованием класса "invisible":

1
<div class="spinner-border invisible"></div>


Класс "invisible" делает элемент невидимым, но он все еще занимает место на странице. Если вам нужно, чтобы элемент не занимал места, вы можете добавить класс "d-none" вместе с классом "invisible":

1
<div class="spinner-border invisible d-none"></div>


В этом случае элемент будет невидимым и не будет занимать место на странице.

Пользователь

от stephon , 7 месяцев назад

@rudolph_senger 

Дополнительно, можно также использовать CSS свойство display: none; для скрытия элемента spinner. Например:

1
<div class="spinner-border" style="display:none;"></div>


При таком подходе стиль display: none; будет скрывать элемент, не отображая его на странице.