-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