カルーセルでキャプションのテキストが表示されないのはなぜですか？

Question

Screen shot of bootstrap example from https://v4-alpha.getbootstrap.com/examples/carousel/#myCarousel

私のウェブサイトにも同様のコードを使用しようとしていますが、ここで何が起こっているのか分からないようです。彼らのウェブサイトでも起こっています。小さな画面で表示しようとすると、カルーセル内のキャプションテキストが消えます。

Answer 1

CSSメディアクエリルールによって、特定のブレークポイントにキャプションが表示されないため、表示が消えます。

私は、ブートストラップのWebページをチェックしてきましたし、コードは次のようになります。

<div class="carousel-caption d-none d-md-block"> 
    <h3>First slide label</h3> 
    <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p> 
</div> 

CSS：

@media (min-width: 768px) { 
    .d-md-block { 
    display: block!important; 
    } 
} 

.d-none { 
    display: none!important; 
}