问题标签 [grid-system]

该标题可能不是很准确，但情况如下：

正如您在 HTML 中看到的那样，网格系统从xl 屏幕上的 4 个图像到lg 屏幕上的 3 个图像，再到更少的 2 个图像。

我试图让它正确显示 - 即每个屏幕尺寸的适当数量的图像。然而，一些时髦的事情正在发生，并且使用引导类无法完全弄清楚。

在我看来，我必须在每个断点处动态添加行。

有什么建议么？

-- 更新 -- 刚刚意识到 col-xl-* 不存在。但是，这根本不会改变情况。请忽略 xl 声明。

-- 更新 2 -- 更新的图像。

-- 更新 3 -- 我将尝试澄清我的目标。对于我帖子中附加的特定图片，我希望每行出现 3 个框 - 不是所有的仓促。

当它折叠到每行 2 个框（xs 设备）时，我想确保每行都有 2 个框。

我正在为一个项目使用引导框架，并且下拉菜单有一个小问题。链接在这里;

http://erkano.com/neu

当您将鼠标悬停在“YÖNETİM”按钮上时，您会看到下拉菜单出现。但是，我希望这个下拉列表具有与整个菜单栏相同的宽度值，即 col-md-5。我无法处理的原因是下拉菜单应该保留在第一个按钮中，即 col-md-5 中的 col-md-2。

你有什么主意吗？提前致谢

我正在使用 Skeleton.css 在 wordpress 中创建一个网格系统

本教程显示了标题的以下标记，在这里您可以看到徽标有 3 个类， - 五列和 clearfix

但是当我查看 skellton css 时，我看不到“五”类所以我将其更改为 .five.columns 但他没有区别，我在 .five.columns 类周围创建了一个边框，它没有显示我错过了一些明显的东西吗？

非常感谢

我无法获得固定高度部分和垂直对齐的元素来遵循网格响应行为。唯一的限制是部分应该有固定的大小。

我已经看过关于 SO 的示例，但它破坏了列堆叠行为。

有关我要完成的工作，请参阅随附的 jpeg。

我已经使用流体 12 列网格建立了一个网站。我想在右侧列中的一个 div 到达页面顶部时修复它的位置（使用StickyJs或类似的东西）

但是，当应用固定位置时，div 会从 DOM 中取出，并且会完全破坏网格结构，因为 div 会失去其父格式。

https://jsfiddle.net/k4r00au0/

固定滚动位置后，有没有办法保持 div 的位置和大小？

我试过了：

无济于事

在此先感谢您的帮助，升技对此感到困惑！

我的 Col-xs 和 col-md 有问题。

所以在我继续生病之前解释我的用途。我正在尝试创建一个用户表单，他们可以在其中输入他们的详细信息，然后输入一件家具的数量。家具部分位于选项卡内容内，因为房屋内有单独的部分。

所以id like for col-xs 跨越2列，一列为label，一列为Quantity输入，然后ill慢慢增加2列，所以sm会显示，label，数量，label数量等等。

col-sm 和 col-lg 工作完美，但 col-xs 和 col-md 不工作，几乎就像他们被跳过一样。请帮忙。

这是我的代码...

我对 Bootstrap 和 Web 布局非常陌生，但欢迎批评。

附言。请原谅布局问题我无法弄清楚为什么代码插入会这样做

pps。检查这个类似的问题对于布局示例： 未回答的问题

pps。这是我的移动问题的图像....

目前，我正在重新设计我的网站以使其流畅。我正在使用百分之一的 CSS 网格。但是，我很难水平对齐阅读多列中的更多链接。问题是，如果视口被调整大小，readmore 链接会出现在彼此下方，而不是在它所属的列下方。这是 html 结构所固有的。我怎样才能重新设计它来完成这个？

主要问题是，如果将 readmore 链接放在产品 div 中，则无法指定高度，因为调整浏览器窗口的大小会改变高度（由于文本换行）。在这种情况下，如何对齐 readmore 链接。

截图：

对齐的链接

不良行为

HTML结构（只有百分之一的网格css适用，简单的浮动）

这是初始标记：

我需要将这些 div.product-field.product-field-type-R 放入 bootstrap 3 网格系统中，其中 4 列的屏幕大于超小屏幕这是我的最终标记：

我是否应用了 bootstrap 3 网格系统？

我是 JS 新手，一直在通过 The Odin Project 学习课程。我在我的第一个 JS/JQuery 项目中，我在这个项目中遇到了问题：

如何使用 JS/JQuery 以便用户可以输入 1-16 之间的数字，并且网格会弹出页面的大小。即用户输入 3 和一个 3x3 的网格大小的网页出来？还是用户输入 16 并出现 16x16 网格？

我不希望有一个直接的答案，但也许有人可以用一些入门代码为我指出正确的方向？我猜最好的方法是创建一个 div 并使用 .append() 函数？这里只需要更多的方向。

我正在使用 angularjs 结合 ui bootstrap 和 ngSticky 模块来编写 Web 应用程序。

我不希望 ngSticky 在引导程序的小屏幕上工作 div。有什么办法可以让下面 div 代码的粘性 offset="65"在小屏幕或移动屏幕上消失？提前非常感谢！