css - 格式化 Bootstrap 轮播布局

Question

我正在尝试让 Bootstrap 轮播显示轮播两侧的控制箭头，因为默认情况下它们会重叠到图像中。

这里是一个我在做什么的例子:http://jsfiddle.net/LHAB8/

理想情况下我希望它看起来像

[左箭头] [一次显示 4 个框的轮播] [右箭头]

<div class="span2">
   <a data-slide="prev" href="#myCarousel" class="left carousel-control">‹</a>
</div>
<div class="carousel slide span8" id="myCarousel">
    ...
</div>
<div class="span2">
   <a data-slide="next" href="#myCarousel" class="right carousel-control">›</a>
</div>

但我无法使用 bootstraps 网格系统使定位看起来正确 - 布局不需要响应。

有人能帮忙吗？

Answer 1

您可以在 div.carousel 上添加填充

.carousel
{
    padding:10px 70px;
}

http://jsfiddle.net/LHAB8/1/