Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 如何将引导转盘控件定位到最右侧和最左侧?_Css_Html_Twitter Bootstrap - Fatal编程技术网

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%是很好的。

我有一个图像滑块,我希望右侧和左侧控件分别定位在最右侧和最左侧。它应该适用于所有宽度

这可能吗

签出后,它看起来像一个非常简单的CSS调整:

.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>