0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-01 13:24:25 +01:00

Update carousel display settings

Use `display: block` since we're not really using any flex styles on the `.carousel-items` (only their controls and indicators). For the indicators, since moving to `width`, our indicators grow to fill available space, so we need to change `flex: 1 0 auto` to `flex: 0 1 auto` to prevent that.
This commit is contained in:
Mark Otto 2017-07-01 16:48:46 -07:00
parent 75156f419a
commit 2bf4de0698

View File

@ -22,7 +22,7 @@
.carousel-item.active, .carousel-item.active,
.carousel-item-next, .carousel-item-next,
.carousel-item-prev { .carousel-item-prev {
display: flex; display: block;
} }
.carousel-item-next, .carousel-item-next,
@ -133,7 +133,7 @@
li { li {
position: relative; position: relative;
flex: 1 0 auto; flex: 0 1 auto;
width: $carousel-indicator-width; width: $carousel-indicator-width;
height: $carousel-indicator-height; height: $carousel-indicator-height;
margin-right: $carousel-indicator-spacer; margin-right: $carousel-indicator-spacer;