Как перемещать гибкие элементы в гибком контейнере строки, используя в angular, используя bootstrap - PullRequest
Новая
       85

Как перемещать гибкие элементы в гибком контейнере строки, используя в angular, используя bootstrap

0 голосов
/ 29 мая 2020

Я хочу сдвинуть гибкие элементы гибкого контейнера строки, например this . Я борюсь с этим больше двух недель. Я не нашел никакой документации по карусели гибких элементов.

Я перемещаю карточки в карусели, но это не соответствует моим требованиям. Что нужно сделать, чтобы сдвинуть гибкие элементы подряд в angular с помощью bootstrap? 

<div class="row">
  <div class="carousel slide col-12 col-md-6 col-lg-4" data-ride="carousel" data-interval="3000">
    <div class="carousel-inner card">
      <div class="carousel-item active bg-transparent border-0 px-4">
        <img src="" class="card-img-top rounded-top" alt="image">
        <div class="card-body bg-white">
          <h5 class="card-title">Card title</h5>
          <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's
            content.
          </p>
          <a href="#" class="card-link">Go somewhere</a>
        </div>
      </div>
      <div class="carousel-item card bg-transparent border-0 px-4">Hello 2</div>
      <div class="carousel-item card bg-transparent border-0 px-4">Hello 3</div>
      <div class="carousel-item card bg-transparent border-0 px-4">Hello 4</div>
    </div>
  </div>
  <div class="carousel slide col-12 col-md-6 col-lg-4" data-ride="carousel" data-interval="3000">
    <div class="carousel-inner card">
      <div class="carousel-item active bg-transparent border-0 px-4">
        <img src="" class="card-img-top rounded-top" alt="image">
        <div class="card-body bg-white">
          <h5 class="card-title">Card title</h5>
          <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's
            content.
          </p>
          <a href="#" class="card-link">Go somewhere</a>
        </div>
      </div>
      <div class="carousel-item card bg-transparent border-0 px-4">Hello 2</div>
      <div class="carousel-item card bg-transparent border-0 px-4">Hello 3</div>
      <div class="carousel-item card bg-transparent border-0 px-4">Hello 4</div>
    </div>
  </div>
  <div class="carousel slide col-12 col-md-6 col-lg-4" data-ride="carousel" data-interval="3000">
    <div class="carousel-inner card">
      <div class="carousel-item active bg-transparent border-0 px-4">
        <img src="" class="card-img-top rounded-top" alt="image">
        <div class="card-body bg-white">
          <h5 class="card-title">Card title</h5>
          <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's
            content.
          </p>
          <a href="#" class="card-link">Go somewhere</a>
        </div>
      </div>
      <div class="carousel-item card bg-transparent border-0 px-4">Hello 2</div>
      <div class="carousel-item card bg-transparent border-0 px-4">Hello 3</div>
      <div class="carousel-item card bg-transparent border-0 px-4">Hello 4</div>
    </div>
  </div>
</div>
...