Css 如何将引导转盘控件定位到最右侧和最左侧?
我有一个图像滑块,我希望右侧和左侧控件分别定位在最右侧和最左侧。它应该适用于所有宽度 这可能吗 签出后,它看起来像一个非常简单的CSS调整:Css 如何将引导转盘控件定位到最右侧和最左侧?,css,html,twitter-bootstrap,Css,Html,Twitter Bootstrap,我有一个图像滑块,我希望右侧和左侧控件分别定位在最右侧和最左侧。它应该适用于所有宽度 这可能吗 签出后,它看起来像一个非常简单的CSS调整: .carousel-control.left .glyphicon { left: 0; margin-left: 0; } .carousel-control.right .glyphicon { right: 0; margin-right: 0; } 您可以通过更改转盘控件的宽度来更改其位置。在我看来,4%是很好的。
.carousel-control.left .glyphicon {
left: 0;
margin-left: 0;
}
.carousel-control.right .glyphicon {
right: 0;
margin-right: 0;
}
您可以通过更改转盘控件的宽度来更改其位置。在我看来,4%是很好的。你可以把它改成你想要的任何东西
.carousel-control {
width: 4%
}
可以更新图元样式
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
right: 0; //or you can increase this
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
left: 0; //or you can increase this
}
下一个
请发布一些示例代码-使其更容易帮助您。非常感谢各位。你所有的答案都很好。但不幸的是,我只能接受1。
<!-- Left and right controls -->
<a class="left carousel-control" href="mainHomeCarouse" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="mainHomeCarouse" role="button" data-slide="next"> </a>
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>