【问题标题】:space on right side of bootstrap carousel引导轮播右侧的空间
【发布时间】:2014-07-06 05:15:31
【问题描述】:

我已经为这个旋转木马苦苦挣扎了好几个小时了。我正在学习引导程序,所以请原谅我的代码! :)

问题是我的轮播在右侧有这个“边距”,甚至不存在.. 试图在谷歌上搜索解决方案,但没有一个有效。它看起来像这样: 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/

【问题讨论】:

  • 你需要修复你的 jsfiddle。

标签: html css twitter-bootstrap carousel jsfiddle


【解决方案1】:

现在觉得自己好傻.. “不可见”的边距是一列:

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

我基本上试图“删除”col-8。 好吧..希望这能解决另一个初学者的问题;)

【讨论】:

    猜你喜欢
    • 2013-07-13
    • 2016-03-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-05-04
    • 2019-06-18
    • 2013-05-18
    相关资源
    最近更新 更多