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

#1楼 票数:1 已采纳

请使用 Bootstrap 网格系统。

请在此处查看代码以查看您的代码演示

你应该添加

<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% 响应

  ask by gr68 translate from so

未解决问题?本站智能推荐:

1回复

引导卡网格故障

我需要有关Bootstrap卡网格的帮助。 我正在尝试用6张卡片组成一个网格。 而且我希望它显示2行3张卡,并且当屏幕较小时减少到4行2张等。.直到屏幕很小时才获得1行1张。 我的HTML卡网格如下所示: 我的CSS看起来像这样: 看来我的媒体查询无效。 (我确实将我的CSS
1回复

引导样式干扰css中的网格框

我想做一个网格,但第一个元素(img)没有出现在第一个位置,而是出现在第二个位置。 第一个图像点留空。 我检查了这个原因,似乎来自引导程序链接的样式<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.
1回复

交替引导网格列和移动视图

我有这样的设计: 桌面或大屏幕。 注* 红色或绿色框的高度不同。 移动或更低的屏幕。 如何在 bootstrap 4 网格或自定义 CSS 网格上创建这种布局类型,哪个更好? 谢谢,祝你有美好的一天。
3回复

如何使Bootstrap图像网格响应

我正在尝试创建一个图像网格。 它在我的屏幕上看起来不错,但我不能让它响应。当它超过 1000 像素宽度时,它开始在一行中拉伸。 当设备宽度变小时,我试图垂直推动每个 img div。 任何人都可以帮助我开始使我的图像网格具有响应性。 已经尝试使显示表格单元格和浮动左但没有工作。 这是我的代码: H
1回复

如何通过引导网格加入带有联系表格的谷歌地图div

大家好,我正在尝试在我拥有的联系表格旁边放置一个谷歌地图 div,但由于网格放置,我有点迷失了。 这是我在网上找到的地图脚本。 现在我明白我需要把它放到表格左边的另一个网格中,但我的心很烦。 这是我第一次使用网格,我花了很长时间才做到这一点。 任何人有任何想法来帮助我? 基本上,我希望在左侧有地图,
1回复

输入元素具有引导网格的意外包装行为

我正在为一个电子邮件客户端编写侧边栏,而该侧边栏我大部分已经完成了,但是当我尝试将内容放在主体区域(另一行)中时,我注意到如果屏幕变小了(如果屏幕不应该缩进的话),它将包裹起来。 我似乎无法弄清楚是什么导致了这种现象。 body { background-color: WhiteSmo
1回复

Bootstrap自动网格行

每个人。 我需要一个建议。 我是新手。 我有 li 元素。 我有这个(图片)在这里输入图像描述但是我希望行之间没有空格。换句话说,我希望行具有自动大小,就像那样。 在此处输入图片说明谢谢!
3回复

居中CSSBootstrap网格

我试图将一个 HTML 元素与 Bootstrap 网格居中,但我真的很难将它放在我想要的地方。 这是我的代码: 这段代码使它看起来像这样: 如您所见,它在右侧,第一个框完全居中,但第二个框不在。 如何使用 Bootstrap 网格将其居中?