Twitter bootstrap 3 Bootstrap 3旋转木马，左右两侧都有额外空间_Twitter Bootstrap 3_Carousel

Twitter bootstrap 3 Bootstrap 3旋转木马，左右两侧都有额外空间

twitter-bootstrap-3

Twitter bootstrap 3 Bootstrap 3旋转木马，左右两侧都有额外空间,twitter-bootstrap-3,carousel,Twitter Bootstrap 3,Carousel,这是我的索引页 <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">

这是我的索引页

<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>

演示

这是它的样子

…请帮我清除黄色标记的多余空间。

将

.row

添加到`id=“main_carousel”

如果可能的话，你能做吗？我做不到……你能从中找出问题所在吗？你可以从中简单地做出来。。。

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