Hopiu/bootstrap
1
0
Fork 0
mirror of https://github.com/Hopiu/bootstrap.git synced 2026-04-04 13:30:24 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fixing carousel control positioning

Browse source 
The left control should be positioned from the left, while the right
control should be positioning from the right. Positioning both from the
left results in the right carousel control being incorrectly positioned
(most noticeable with a larger than normal font size).
This commit is contained in:
Jason Nutter 2013-08-21 15:51:24 -07:00
parent 1bcf9f126d
commit a40568a1e0
3 changed files with 19 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
dist/css/bootstrap.css vendored
View file

@ -6106,11 +6106,20 @@ body.modal-open,
.carousel-control .glyphicon-chevron-right {
position: absolute;
top: 50%;
left: 50%;
z-index: 5;
display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
left: 50%;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
right: 50%;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
width: 20px;

2
dist/css/bootstrap.min.css vendored
View file

File diff suppressed because one or more lines are too long

9
less/carousel.less
View file

@ -103,11 +103,18 @@
.glyphicon-chevron-right {
position: absolute;
top: 50%;
left: 50%;
z-index: 5;
display: inline-block;
}
.icon-prev,
.glyphicon-chevron-left {
left: 50%;
}
.icon-next,
.glyphicon-chevron-right {
right: 50%;
}
.icon-prev,
.icon-next {
width: 20px;
height: 20px;