React-bootstrap Carousels рендерит все вместе вертикально - PullRequest
Новая
       33

React-bootstrap Carousels рендерит все вместе вертикально

1 голос
/ 22 апреля 2019

Я просто пытаюсь сделать очень простую прямую карусель.

Но она даже не рендерится правильно.Очевидно, я мог упустить что-то очень глупое.Его рендеринг всех изображений все вместе по вертикали.Также индикатор не выровнен должным образом.Есть ли необходимость в некоторых CSS?Если да, то откуда я могу его получить.

Carousel

<Carousel>
  <Carousel.Item>
    <img
      className="d-block w-100"
      src="holder.js/800x400?text=First slide&bg=373940"
      alt="First slide"
    />
    <Carousel.Caption>
      <h3>First slide label</h3>
      <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
    </Carousel.Caption>
  </Carousel.Item>
  <Carousel.Item>
    <img
      className="d-block w-100"
      src="holder.js/800x400?text=Second slide&bg=282c34"
      alt="Third slide"
    />

    <Carousel.Caption>
      <h3>Second slide label</h3>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
    </Carousel.Caption>
  </Carousel.Item>
  <Carousel.Item>
    <img
      className="d-block w-100"
      src="holder.js/800x400?text=Third slide&bg=20232a"
      alt="Third slide"
    />

    <Carousel.Caption>
      <h3>Third slide label</h3>
      <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>
    </Carousel.Caption>
  </Carousel.Item>
</Carousel>;

Пожалуйста, помогите мне полностью погрузиться в этот вопрос.Буду очень признателен за любую помощь.

Спасибо

...