问题标签 [bootstrap-grid]

我的网站顶部有 2 个部分：

1. 白色背景
2. 蓝色背景

我想要的是图像的 10% 为白色背景，其余为蓝色。

鉴于我有一行要处理，我该怎么做？

我想让我的卡片尺寸固定，但它们适合所有类型的屏幕。

目前它们的尺寸是固定的，但在较小的屏幕上它们会一个接一个，我希望它们适合屏幕。

1920x1080px： 这里是正确的，但是在比这更大的屏幕上，每行可能会有更多的卡片。

1366x768px： 这里是错误的，每行只能是3个。

CSS：

我有一张使用 3 号用于 col-lg 的卡。但我希望显示器 1920x1080 和 1366x768 有不同的行为。但两者仍然是 col-lg。

例如：

• col-1g-2920x1080 = col-IgG
• col-1g-1366x768 = col-IgG

我需要我的 col-lg 根据分辨率具有不同的大小，例如：

如何才能做到这一点？

我创建了一个包含多列的部分。现在，我想开始一个新行，所以我也创建了一个新容器。但是当我运行文件时，没有添加新行。相反，正在制作另一列。谁能帮我调试这段代码。

如何使数据显示在前一行下方的新行中？任何帮助将不胜感激！提前致谢！

A）我希望我的过滤器 div 与产品的左侧对齐，而不是在产品上方。
B）我希望产品 div 中的文本更靠近图像，而不是太远，如下面的预览所示。
我正在使用 php laravel。

我如何实现这一目标？

这是代码：

任何帮助，将不胜感激。谢谢！

整个引导程序正在杀死我。如果有人可以帮助我解决这个问题，我会在这个问题上迷失方向，我将非常感激。

抱歉，我的样式表无法连接到该网站。

我的导航栏看起来像 这样 ，但它应该看起来像 这样

我真的希望你能帮助我摆脱这个烂摊子！

我想以网格样式呈现我的图像，就像 giphy 的样式一样，每一行都有很小的空间，并且所有内容都相互契合。

Giphy 网格样式

我将在我这边做同样的事情，但是在关闭列之间的空间时遇到了问题。

可以在这里找到我当前的网格样式外观：https ://i.imgur.com/gPnlxqy.jpg

我的代码是：

如何在 CSS/bootstrap 中完成这项工作？

我想知道如何为 col-sm 智能手机设备代码编写代码，并且知道我只为桌面编写，请检查我也不确定我的编码，现在只学习引导程序，我是网格系统的新手和引导程序中的第一个站点，任何人都可以帮助我，我一直想知道实际经验。

输出图像在此处输入图像描述

我想为中小型设备展示不同的卡片视图。我需要根据容器的宽度更改卡片样式。对于大型设备，我有这种卡片样式：

对于中小型设备，我需要这个：

我不知道该怎么做。有人可以建议实现这一目标的最佳/最优化方式吗？