Html Twitter引导响应CSS选择器

我正在为我的响应式网站创建一个功能。它由一个包含标题的图像转盘组成。在桌面上，我正在显示标题。包含标题和段落的

div

，位于图像顶部，宽度为40%

当用户使用平板电脑或手机时，我希望以100%的宽度显示标题。这使得文本显示在图像下，这更适合较小的屏幕尺寸

有两种方法可以使用不同的css类来复制代码-一种是相对于

可见桌面

类，另一种是绝对div与类

隐藏桌面

。另一种方法是使用javascript切换类

---

我在想，如果我能用纯css实现上述功能，那就太好了。类似于

.desktop.carousel caption{

的内容是完全可能的。

您可以使用媒体查询并在相关的媒体查询中输入不同的代码。这里详细介绍了Bootstrap的媒体查询

---

您可以使用媒体查询并在相关的媒体查询中输入不同的代码。这里详细介绍了Bootstrap的媒体查询

---

您可以使用媒体查询并在相关媒体查询中输入不同的代码。Bootstrap的媒体查询在此处详细说明：哦！太棒了！！效果非常好！您可以使用媒体查询并在相关媒体查询中输入不同的代码。Bootstrap的媒体查询在此处详细说明：哦！太棒了！！工作你看起来很迷人！