寬度旋轉木馬Bootstrap

-1

我有一個帶引導程序的旋轉木馬，我希望圖片標題的寬度爲100％。我試過這個，但它不起作用。carousel-caption {width = 500px; width = 500px; }寬度旋轉木馬Bootstrap

<div id="myCarousel" class="carousel slide col-md-12" data-ride="carousel"> 
<ol class="carousel-indicators"> 
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li> 
    <li data-target="#myCarousel" data-slide-to="1"></li> 
    <li data-target="#myCarousel" data-slide-to="2"></li> 
    <li data-target="#myCarousel" data-slide-to="3"></li> 
    <li data-target="#myCarousel" data-slide-to="4"></li> 
    </ol> 
<!-- Wrapper for slides --> 
<div id="divres" class="carousel-inner peopleCarouselImg" role="listbox"> 
    <div class="item active"> 
    <a href="resultado.php"> 
    <div> 
    <img src="foto.png" alt="Chania"> 
    <div class="carousel-caption"> 
     <h1 class="img-rounded">EL MEJOR AUTO DEL MUNDO</h1> 
    </div> 
    </div> 
    </a>  
</div>   
</div> 
<!-- Left and right controls --> 
    <a class="left carousel-control" href="#myCarousel" role="button" data- 
    slide="prev"> 
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> 
    <span class="sr-only">Anterior</span> 
</a> 
<a class="right carousel-control" href="#myCarousel" role="button" data- 
    slide="next"> 
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> 
    <span class="sr-only">Siguiente</span> 
    </a> 
</div>

我想100％的寬度

的CSS

.carousel-caption { 
    background-color: black; 
}

來源

2017-05-06 Luis Pavez

發佈代碼而不是屏幕截圖 –

@AuuragDaolagajao ok。 –

您需要的寬度設置爲100％覆蓋全width.The保證金左用於向左移動傳送帶左側導航按鈕佔據的位置。

.carousel-caption { 
    background-color: black; 
    width:100%; 
    margin-left:-15%; 
    } 
@media screen and (min-width:768px){ 
    .carousel-caption { 
     background-color: black; 
     width:100%; 
     margin-left:-20%; 
    } 
}

來源

2017-05-06 02:56:56 Pratyush

It works :) but with -20％Thanks –

.carousel-caption background-color：black; 寬度：100％; margin-left：-20％; } –

我很高興我幫助 – Pratyush

寬度旋轉木馬Bootstrap

回答

相關問題