在屏幕的左边和右边设置导航箭头

Bootstrap 3 Make navigational arrows on left and right of screen

本文关键字：设置导航右边屏幕左边更新时间：2023-09-26

是否有一个简单的方法来使用Bootstrap 3浮动两个导航箭头在页面的左右。基本上就是一个前进和后退按钮…我想让按钮浮动，我想让他们保持在页面的中心水平，不重叠在我的页面上的任何内容。

基本上，我希望整个页面像图像旋转木马一样工作…我只是没有图片。

如果需要的话，我也会使用Angular 1.3来完成这个任务。

我只想要一个CSS代码片段，它将在屏幕的左侧和右侧分别放置一个左箭头和一个右箭头，并将它们保持在那里…该导航将由angular路由处理…我只是想得到一个简单的显示css。

好的，对于引导导航箭头，

创建一个链接锚点，它的高度与包含你的信息的页面相同，因为你有相同的高度，箭头将在你的锚点标签的中心:

左边是这样的

<a class="carousel-control left" href="#/current/prev" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left"></span>
</a>

放在页面的右边，它看起来像这样:

<a class="carousel-control right" href="#/current/next" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right"></span>
</a>

中间一页是你要用angular切换和路由的内容。

这里有一个小提琴:http://jsfiddle.net/gkbywbv1/2/

从那里你可以玩旋转控制css样式，以满足您的需要。