2014-03-06 181 views
2

这里是我的索引页引导3旋转木马,在左侧额外的空间和右

<body id="home"> 
    <section class="container"> 
    <header class="row"> 
     <?php include "components/php/header.php" ?> 
    </header> 
    <div class=" row"> 
     <div class="col col-lg-12"> 
     <?php include "components/php/main_carousel.php" ?> 
     </div> 
    </div> 
    </section> 
    <!-- Container --> 
    <!-- Scripts --> 
    <script src="js/jquery-v1.10.2.min.js"></script> 
    <script src="js/bootstrap.min.js"></script> 
    <script src="components/javascript/custom.js"></script> 
</body> 

这里是我的旋转木马

<div id="main_carousel" class="carousel-slide" data-ride="carousel"> 
    <!-- Indicators --> 
    <ol class="carousel-indicators"> 
    <li data-target="#main_carousel" data-slide-to="0" class="active"></li> 
    <li data-target="#main_carousel" data-slide-to="1"></li> 
    <li data-target="#main_carousel" data-slide-to="2"></li> 
    </ol> 
    <!-- Wrapper for slides --> 
    <div class="carousel-inner"> 
    <div class="item active"> 
     <img src="images/carousel_main/1.jpg" alt="..." style="min-height:350px; 
max-height:350px;min-width:100%;max-width:100%;"> 
     <div class="carousel-caption"></div> 
    </div> 
    <div class="item "> 
     <img src="images/carousel_main/2.jpg" alt="..." style="min-height:350px; 
max-height:350px;min-width:100%;max-width:100%;"> 
     <div class="carousel-caption"></div> 
    </div> 
    <div class="item "> 
     <img src="images/carousel_main/3.jpg" alt="..." style="min-height:350px; 
max-height:350px;min-width:100%;max-width:100%;"> 
     <div class="carousel-caption"></div> 
    </div> 
    </div> 
    <!-- Controls --> 
    <a class="left carousel-control" href="#main_carousel" data-slide="prev"> 
    <span class="glyphicon glyphicon-chevron-left"></span> 
    </a> 
    <a class="right carousel-control" href="#main_carousel" data-slide="next"> 
    <span class="glyphicon glyphicon-chevron-right"></span> 
    </a> 
</div> 

演示http://www.bootply.com/119365

这里是什么样子像

why is there an extra space

..请帮我摆脱这个额外的黄色标记.............................. .................................................. .................................................. ......

+0

你可以,如果有可能使http://jsfiddle.net/? – Muhammed

+0

我不能...你可以找出这个问题从这 –

+1

你可以简单地使它从http://www.bootply.com/new – Muhammed

回答

1

添加.row到'ID = “main_carousel”

<div id="main_carousel" class="carousel-slide row" data-ride="carousel"> 

http://www.bootply.com/119371

+0

非常感谢...你是一个救世主...... –

+0

@RenMathew欢迎你的朋友:) – Muhammed