自举中的全幅旋转木马4（alpha 6）

<div class="container-fluid" > 
    <div class="row"> 
     <section class="col-12"> 
     <div class=""> 
     <div class="row"> 
     <section class="col-sm-12"> 
    </div> 
    <div class="carousel slide" id="featured" data-ride="carousel"> 
    <ol class="carousel-indicators"> 
     <li data-target="#featured" data-slide-to="0" class="active"></li> 
     <li data-target="#featured" data-slide-to="1"></li> 
     <li data-target="#featured" data-slide-to="2"></li> 
    </ol> 
    <div class="carousel-inner"> 
    <div class="carousel-item active"> 
    <img class="d-block img-fluid" src="_images/Slider_1.jpg" alt="slider1"> 
     </div> 
     <div class="carousel-item"> 
    <img class="d-block img-fluid" src="_images/Slider_2.jpg" alt="slider2"> 

    <div class="carousel-caption d-none d-md-block"> 


     <h3>Jadon Events</h3> 
     <p>We organize your events like you cannot even imagine</p> 
     </div> 
    </div> 
    <div class="carousel-item"> 
    <img class="d-block img-fluid" src="_images/Slider_3.jpg" alt="slider3"> 
    </div> 
    </div> 
    <a class="carousel-control-prev" href="#featured" role="button" data-slide="prev"><span class="carousel-control-prev-icon" aria-hidden="true"> 
     <span class="sr-only">Previous</span> 
    </span></a> 
    <a class="carousel-control-next" href="#featured" role="button" data-slide="prev"><span class="carousel-control-next-icon" aria-hidden="true"> 
     <span class="sr-only">Next</span> 
    </span></a> 
</div> 
      </section> 
      </div> 
    </div>

我已经想出了如何在自举中制作滑块，但现在我被卡住了全宽滑块。我怎样才能让我的旋转木马全宽？我删除了容器类，但它使底部滚动一些不利于响应性自举中的全幅旋转木马4（alpha 6）

来源

2017-05-04 Kamran Hassan

请尝试以下代码并用您的图像进行更改。

<div class="carousel slide" id="featured" data-ride="carousel"> 
     <ol class="carousel-indicators"> 
      <li data-target="#featured" data-slide-to="0" class="active"></li> 
      <li data-target="#featured" data-slide-to="1"></li> 
      <li data-target="#featured" data-slide-to="2"></li> 
     </ol> 
     <div class="carousel-inner"> 
      <div class="carousel-item active"> 
       <img class="d-block img-fluid" src="http://placehold.it/2100x300" alt="slider1"> 
      </div> 
      <div class="carousel-item"> 
       <img class="d-block img-fluid" src="http://placehold.it/2100x300" alt="slider2"> 
       <div class="carousel-caption d-none d-md-block"> 
        <h3>Jadon Events</h3> 
        <p>We organize your events like you cannot even imagine</p> 
       </div> 
      </div> 
      <div class="carousel-item"> 
       <img class="d-block img-fluid" src="http://placehold.it/2100x300" alt="slider3"> 
      </div> 
     </div> 
     <a class="carousel-control-prev" href="#featured" role="button" data-slide="prev"> 
      <span class="carousel-control-prev-icon" aria-hidden="true"> 
           <span class="sr-only">Previous</span> 
      </span> 
     </a> 
     <a class="carousel-control-next" href="#featured" role="button" data-slide="prev"> 
      <span class="carousel-control-next-icon" aria-hidden="true"> 
           <span class="sr-only">Next</span> 
      </span> 
     </a> 
    </div>

来源

2017-05-04 17:59:30 LXhelili

这也不起作用还是一样的问题 –

自举中的全幅旋转木马4（alpha 6）

回答

相关问题