自举旋转木马右侧的空间

时间:2014-07-05 19:28:07

标签: html css twitter-bootstrap carousel jsfiddle

我一直在努力使用这个旋转木马几个小时。我正在学习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)

http://jsfiddle.net/2R4Ku/1/

1 个答案:

答案 0 :(得分:1)

现在感觉很蠢.. “看不见的”边距是一栏:

<div class="col-sm-8 col-md-8">

我基本上试图“删除”col-8。 好吧..希望这将在未来解决另一个beguinner的问题;)