2014-03-06 77 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