如何调整 Bootstrap 轮播的 CSS 响应性
Posted
技术标签:
【中文标题】如何调整 Bootstrap 轮播的 CSS 响应性【英文标题】：How to adjust CSS responsiveness of Bootstrap carousel 【发布时间】：2019-01-14 00:33:03 【问题描述】：我刚刚在我的 Wordpress 页面上安装了一个 Bootstrap 主题，并尝试将 CSS 调整到一定程度。
我的一个问题与轮播有关。目前，当我调整网站大小（或在移动设备上查看）时，...
-
旋转木马的高度非常大（导致我只看到很小的一部分，因为它在移动屏幕上缩小为一个正方形）
标题消失
如何调整这两个方面。我希望在较小的屏幕尺寸下降低高度，以便更好地保持原始尺寸。另外，我想保留标题（不过可能字体较小）。
我浏览了各种网站，发现了一些***问题和this网站，但无法解决我的问题。
谁能帮忙？
谢谢
【问题讨论】：
【参考方案1】：您应该在 CSS 中使用媒体查询来更改轮播的高度和不同断点处的字体大小。 或者，如果您使用的是 Bootstrap，您是否尝试过在 html 类中添加断点？
【讨论】：
好吧，我试过前者，但鉴于 boostrap css 有 9,000 行长，我不知道该去哪里找。标题发生的事情是在 .caption 类中设置的，但我只能找到一次。我期待一个 display: none 以防屏幕尺寸发生变化，但找不到它。用于标题部分的其他类是 d-none 和 d-md-flex，但它们在大版本中没有区别，所以我不确定它们是否驱动了我想要更改的内容。 你几乎不需要对 bootstrap @Berbatov 的媒体查询进行调查 我想知道这篇文章是否有帮助？ code.tutsplus.com/tutorials/…以上是关于如何调整 Bootstrap 轮播的 CSS 响应性的主要内容，如果未能解决你的问题，请参考以下文章