18.Bootstrap(中文教程)元件：幻灯片(Carousel)调整画面

ㄧ.幻灯片调整画面

.component.demo{ padding: 50px;}#demo.component{  padding: 50px;}#demo .carousel-item{  height: 500px;}#demo .carousel-item img{  min-height: 500px;  max-height: 600px;  object-fit: cover;}/* */

重点：
1.#demo .carousel-item img的尺寸不可低于
#demo .carousel-item的尺寸，如低于的话会看不到指示器而破版
2.保持原有的图片比例的话可以加入object-fit: cover;
3.以上调整让每张照片的尺寸都能一样

codepen