창조적인 디자인과 최신 IT기술을 융합하여
고객의 새로운 가치를 창출해 드립니다.

포트폴리오 바로가기 고객상담 바로가기
  1. elements
  2. Bootstrap Carousel

Slides only

Here’s a carousel with slides only. Note the presence of the .d-block and .img-fluid on carousel images to prevent browser default image alignment.

With indicators

You can also add the indicators to the carousel, alongside the controls, too.

With captions

Add captions to your slides easily with the .carousel-caption element within any .carousel-item. They can be easily hidden on smaller viewports, as shown below, with optional display utilities. We hide them initially with .d-none and bring them back on medium-sized devices with .d-md-block.