引导网格不响应 Web 的问题

Posted

技术标签:

【中文标题】引导网格不响应 Web 的问题【英文标题】:Problem with a bootstrap grid not web responsive 【发布时间】:2020-06-05 17:17:01 【问题描述】:

我有这个 Bootstrap 网格 https://www.codeply.com/p/FuHGj3t94N 它适用于大型台式机,但在移动设备上一切都搞砸了。 特别是“新”文本在移动设备中不可见并且没有响应。 我的 Bootstrap 网格代码有什么问题?

【问题讨论】:

【参考方案1】:

请使用 Bootstrap 网格系统。

请在此处查看代码以查看您的代码demo

你应该添加

<div class="col-lg-1 col-md-1 col-sm-2 col-4" 

<div class="col-lg-11 col-md-11 col-sm-10 col-8"

100% 响应

【讨论】:

以上是关于引导网格不响应 Web 的问题的主要内容,如果未能解决你的问题,请参考以下文章

使用引导网格系统的响应式设计

在引导响应网格上居中 div

在引导响应网格中裁剪图像的纵横比

响应式 Kendo UI 网格示例

网格项高度与响应式方形子项不匹配

如何从 Bootstrap 3 中获取响应式网格?