问题标签 [grid-system]

这可以做到吗？我研究了 susy、jeet、singularity 等。我正在使用最新版本的 libsass。如果我切换到 Ruby，我可能会有更多选择。

我喜欢 susy，但对于我的下一个项目，我需要固定的排水沟（将它们设置为 px）。

欢迎提出建议！

我是 Bootstrap 人，发现 Semantic UI，我觉得它很棒。所以我在基本的学习过程中，最重要的是网格系统。

我阅读并尝试了自己的网格练习，发现它适用于 16 列网格，列大小可以在行中定义：

...在专栏本身：

并了解可堆叠和加倍的列，并了解您可以为每三种设备（移动设备、平板电脑、计算机）指定列大小。

我的问题是，因为它是基于 16 列的网格，它不能被 3 等值整除我如何在特定设备中获得 3 列？也许这可以通过加倍来完成，但我需要一个可靠的解决方案，我的意思是，不要依赖于其他设备的尺寸。

在 Bootstrap 中，它就像（小屏幕示例，12 列网格）一样简单：

谢谢！

塞巴斯蒂安。

我的网页有一个表格，对于一个元素，我必须应用基础的网格属性。我必须将行分成大小为 10 和 2 的两列。第一列是输入字段，第二列是下拉图标，但是当我尝试这样做时，第二列在第一列之后下降。

http://codepen.io/anon/pen/MaaOxG

我有一个奇怪的问题，我有 3 个选项卡菜单项，其中有文本，在我设置边框底部的文本之后，它对于第一个菜单选项卡工作正常，但对于其他 2 个它出现在另一个边框底部，但是当我将代码放在 Jsfiddle 中它可以正常工作.. 这是我的代码Jsfiddle

HTML

CSS

首先屏幕边框在正确的位置

在第二个选项卡上，这个相同的边框出现在另一个

我尝试实现一个非常简单的 HTML 结构来显示评论：头像显示在评论文本的左侧，如下所示：

我正在使用 Susy 进行布局：

我的问题：我想在彼此之间留出评论，所以我设置了

但这不是有效的：有时会尊重边距，但是当评论文本很长时，不会尊重边距（参见http://codepen.io/anon/pen/QjrrqP，拉丁文本和评论文本 2 之间）。

任何建议都会非常有用！

我在将我的引导网格系统应用到网页时遇到了问题。我应用的引导程序是引导程序 3.3.5，从getbootstrap.com下载。我已经完成了所有配置，这是我的项目文件目录：

这是我的 index.html 结构：

然而，当浏览器大小改变时，网格系统无法正常工作，它始终保持原始样式作为垂直的 4 个 div 布局。难道我做错了什么？

我需要这种布局（见图），我尝试了很多但没有任何效果..这是我的代码：

我正在玩一点Material-UI。是否有任何用于创建网格布局的选项（如在Bootstrap中）？

如果没有，添加此功能的方法是什么？

有一个GridList 组件，但我想它有一些不同的目的。

我想自动调整引导列，我所说的“自动调整”是根据要显示的元素数量动态创建网格，我有以下 html：

我正在使用角度指令和 ng-repeat 来生成 html，这是指令：

如您所见，它有一个col-md-4类，这意味着只有 3 个元素可以排成一行，我想要的是，无论有多少元素（它们总是在 2 和 5 之间），这些元素都可以排成一行，无论它们是 2 还是 5，它们都应该放在一行中，如果它们是 4 个元素，那么<a>类应该是col-md-3，如果它们是 2 个元素，那么类<a>应该是col-md-6等等。

当我使用AngularJS时，有没有办法以角度方式做到这一点？我会在几个具有不同 Ctrl 的视图上使用它，所以如果可能的话，我会保持代码干燥。

我一直在尝试解决这个问题一段时间......我目前正在学习网络开发，实施引导网格系统是其中的一项练习。我查看了很多资源，但我仍然没有找到答案。

问题是一切似乎都运行良好。在所有屏幕尺寸上，除了 S 和 XS 之间。由于某种原因，布局中断。当我在手机上看它时，它看起来是一样的。我截取了它当时的样子。

如果有人可以帮助我，那就太好了...谢谢