-1
Screen shot of bootstrap example from https://v4-alpha.getbootstrap.com/examples/carousel/#myCarousel爲什麼標題文字在旋轉木馬中不可見?
我想爲我的網站使用類似的代碼,但似乎無法弄清楚這裏發生了什麼。它也發生在他們的網站上。當我嘗試在小屏幕上查看它時,旋轉木馬內的標題文本消失。
Screen shot of bootstrap example from https://v4-alpha.getbootstrap.com/examples/carousel/#myCarousel爲什麼標題文字在旋轉木馬中不可見?
我想爲我的網站使用類似的代碼,但似乎無法弄清楚這裏發生了什麼。它也發生在他們的網站上。當我嘗試在小屏幕上查看它時,旋轉木馬內的標題文本消失。
由於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;
}
這有幫助。謝謝。 @KiranPurbey – Alok
提供的小提琴。 – KiranPurbey
它在示例[來自文檔](http://v4-alpha.getbootstrap.com/components/carousel/#with-captions)中說:「我們最初用'.d-none'隱藏它們並將它們重新放回帶有「.d-md-block」的中型設備「。只要刪除這些類。如果您在發佈代碼時仍有問題。 – ZimSystem