2017-02-13 70 views
-1

Screen shot of bootstrap example from https://v4-alpha.getbootstrap.com/examples/carousel/#myCarousel爲什麼標題文字在旋轉木馬中不可見?

我想爲我的網站使用類似的代碼,但似乎無法弄清楚這裏發生了什麼。它也發生在他們的網站上。當我嘗試在小屏幕上查看它時,旋轉木馬內的標題文本消失。

+1

提供的小提琴。 – KiranPurbey

+0

它在示例[來自文檔](http://v4-alpha.getbootstrap.com/components/carousel/#with-captions)中說:「我們最初用'.d-none'隱藏它們並將它們重新放回帶有「.d-md-block」的中型設備「。只要刪除這些類。如果您在發佈代碼時仍有問題。 – ZimSystem

回答

0

由於CSS媒體查詢規則,它隱藏了某個斷點上的標題,這使它不受歡迎。

我已經檢查引導的網頁和代碼如下所示:

<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; 
} 
+0

這有幫助。謝謝。 @KiranPurbey – Alok