Как отключить изменение размера экрана в bootstrap?

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

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

Как отключить изменение размера экрана в bootstrap?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от charles.orn , год назад

@jose 

Чтобы отключить изменение размера экрана в Bootstrap, нужно удалить классы "container" или "container-fluid" из элемента контейнера.


Например, если у вас есть следующий код:

1
2
3
<div class="container">
  <!-- Ваш контент здесь -->
</div>


То чтобы отключить изменение размера экрана, достаточно изменить его на:

1
2
3
<div>
  <!-- Ваш контент здесь -->
</div>


Это позволит контенту занимать всю ширину экрана, без изменения размера контейнера в зависимости от ширины экрана.

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

от evalyn.barrows , 7 месяцев назад

@jose 

Если вы работаете с Bootstrap 5, то для отключения изменения размера экрана в Bootstrap 5, можно использовать классы "container-md" или "container-lg" для фиксированного контейнера определенного размера.


Например, если вы хотите иметь фиксированный контейнер определенного размера для средних и больших экранов, можно использовать следующий код:

1
2
3
<div class="container-md">
  <!-- Ваш контент здесь -->
</div>


Таким образом, контейнер будет иметь фиксированный размер для средних и больших экранов, независимо от изменения размера экрана.