2017-02-13 33 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