diff options
| author | Mark Otto <[email protected]> | 2016-12-04 22:05:05 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2016-12-04 22:05:05 -0800 |
| commit | 89f5e65cfb24311473bf07bd414cbccf4f8d9596 (patch) | |
| tree | ccabd97a21bcc7c64247aa70a8d7385468eed1dc /scss/_carousel.scss | |
| parent | 1980854c14809c115c2ca780a9af1672de6913d5 (diff) | |
| download | bootstrap-89f5e65cfb24311473bf07bd414cbccf4f8d9596.tar.xz bootstrap-89f5e65cfb24311473bf07bd414cbccf4f8d9596.zip | |
drop the fixed width of the indicators. instead use the carousel-control width as margins to ensure content doesn't overlap
Diffstat (limited to 'scss/_carousel.scss')
| -rw-r--r-- | scss/_carousel.scss | 10 |
1 files changed, 6 insertions, 4 deletions
diff --git a/scss/_carousel.scss b/scss/_carousel.scss index f1277dabe..31d0b6840 100644 --- a/scss/_carousel.scss +++ b/scss/_carousel.scss @@ -116,12 +116,14 @@ .carousel-indicators { position: absolute; + right: 0; bottom: 10px; - left: 50%; + left: 0; z-index: 15; - width: $carousel-indicators-width; - padding-left: 0; - margin-left: -($carousel-indicators-width / 2); + // Use the .carousel-control's width as margin so we don't overlay those + margin-right: $carousel-control-width; + margin-left: $carousel-control-width; + padding-left: 0; // override <ul> default text-align: center; list-style: none; |