Bootstrap 3在屏幕的左侧和右侧创建导航箭头

Question

是否有一种简单的方法可以使用Bootstrap 3在页面的左侧和右侧浮动两个导航箭头。基本上是前进和后退按钮...我希望按钮浮动，我希望它们水平居住在页面上，不与页面上的任何内容重叠。

基本上，我希望整个页面像图像轮播一样工作......我只是没有图像。

如果我需要，我也可以使用Angular 1.3来完成这项任务。

我基本上只想要一个CSS片段，它会在屏幕的左边放一个左箭头，右边的右箭头浮动并保持在那里...... nagivation将由角度路由处理......我我只想尝试一个简单的显示css ...

Answer 1

好的，对于boostrap导航箭头，

制作与包含您的信息的页面高度相同的链接锚点，因为您具有相同的高度，箭头将位于锚标记的中心：

所以在左侧看起来像这样：

<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造型来满足你的需求。