kotovalexarian-likes-github/twbs--bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2022-11-09 12:25:43 -05:00
Code Releases Activity

drop the fixed width of the indicators. instead use the carousel-control width as margins to ensure content doesn't overlap

Browse source
This commit is contained in:
Mark Otto 2016-12-04 22:05:05 -08:00
parent 1980854c14
commit 89f5e65cfb
2 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
scss/_carousel.scss
View file

@ -116,12 +116,14 @@
.carousel-indicators { .carousel-indicators {
position: absolute; position: absolute;
right: 0;
bottom: 10px; bottom: 10px;
left: 50%; left: 0;
z-index: 15; z-index: 15;
width: $carousel-indicators-width; // Use the .carousel-control's width as margin so we don't overlay those
padding-left: 0; margin-right: $carousel-control-width;
margin-left: -($carousel-indicators-width / 2); margin-left: $carousel-control-width;
padding-left: 0; // override <ul> default
text-align: center; text-align: center;
list-style: none; list-style: none;

2
scss/_variables.scss
View file

@ -886,8 +886,6 @@ $carousel-control-color: #fff !default;
$carousel-control-width: 15% !default; $carousel-control-width: 15% !default;
$carousel-control-opacity: .5 !default; $carousel-control-opacity: .5 !default;
$carousel-indicators-width: 60% !default;
$carousel-indicator-width: 30px !default; $carousel-indicator-width: 30px !default;
$carousel-indicator-height: 3px !default; $carousel-indicator-height: 3px !default;
$carousel-indicator-active-bg: #fff !default; $carousel-indicator-active-bg: #fff !default;