我一直在努力使用这个旋转木马几个小时。我正在学习bootstrap,请原谅我的代码! :)
问题是我的旋转木马在右侧有这个“边缘”,甚至没有... 试图在解决方案后谷歌搜索但没有工作。它看起来像这样: idd
正如你所看到旋转木马右侧的橙色框是我想要移除而没有运气。
我的轮播代码:
<div class="col-sm-8 col-md-8">
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="item active">
<img src="holder.js/1024x500" alt="...">
<div class="carousel-caption"> <a class="btn btn-info">Download</a>
</div>
</div>
<div class="item">
<img src="holder.js/1024x500" alt="...">
<div class="carousel-caption"></div>
</div>
</div>
</div>
</div>
这是对jsfiddle的失败尝试(请不要介意有问题的jsfiddle)
答案 0 :(得分:1)
现在感觉很蠢.. “看不见的”边距是一栏:
<div class="col-sm-8 col-md-8">
我基本上试图“删除”col-8。 好吧..希望这将在未来解决另一个beguinner的问题;)