引导响应实用程序工作 - 但存在视口差距答案

【问题标题】：bootstrap responsive utilities working - but there is a viewport gap引导响应实用程序工作 - 但存在视口差距
【发布时间】：2017-07-07 06:34:09
【问题描述】：

我正在尝试在除 xs 之外的每个视窗显示长横幅，然后在 xs 将其换成较短的横幅广告。

使用引导响应实用程序类，我已经能够做到这一点 - 在一定程度上。屏幕尺寸范围为 321px-767px，其中较大的广告消失而较小的广告出现。我希望它仍然展示较长的广告，但它只展示较小的广告。

我尝试了各种组合，包括 .hidden 类，但仍然无法让它适用于特定的间隙大小。

这是我的代码：

有什么建议吗？

【问题讨论】：

【解决方案1】：

很抱歉我的回复延迟了！

似乎我的代码以某种方式被删除了（？）。无论如何，我不记得我最终做了什么，但我的一些问题是 Word Press 以某种方式把事情搞砸了。有时课程有效，有时则无效。它被击中了。

Bootstrap 隐藏类和可见类并未涵盖所有断点，我正在学习（而且我确实还在学习）。所以在某些情况下我必须进行媒体查询。

无论如何，我想我会再次更新 - 抱歉没有尽快回复！

【讨论】：