Как сделать чтобы карусель не занимала всю страницу?

Question

[demon trigger]

Есть карусель, из бутстрапа, она занимает всю страницу, как ограничить ее размер?
Вот код карусели:

<div id="carouselExampleSlidesOnly" class="carousel slide" data-bs-ride="carousel" data-bs-interval="1900">
  <div class="carousel-inner">
    <div class="carousel-item active">
      <img src="{% static 'images/img1.jpg' %}" class="d-block w-100" width="50">
    </div>
    <div class="carousel-item">
      <img src="{% static 'images/img2.jpg' %}" class="d-block w-100" width="50">
    </div>
    <div class="carousel-item">
      <img src="{% static 'images/img3.jpg' %}" class="d-block w-100" width="50">
    </div>
  </div>
</div>

Answer 1

[Алексей Голягин]

Запихайте ее в div. Например <div class="container">код карусели</div>