问题标签 [grid-system]

忙于实施包含响应式 CSS 文件的 Twitter Bootstrap，但这会导致我的 span 出现问题。整个宽度应该达到 span12，因此 6 * span2 也应该这样做。

现在这是有趣的部分。如果 bootstrap-responsive.css 没有加载，它确实有效，但是当我加载响应文件时，最后一个 span 浮动到左下角。

起初我以为它可能是我的边界，但我删除了它们，它仍然漂浮到底部。

应该可以加载两个 CSS 文件并获得一个不错的布局，对吧？不？

我找不到任何其他表明类似结果的问题。我的 Bootstrap CSS 文件未修改，而且我还没有构建自己的样式表，因此我认为这不是我做错的事情。

有任何想法吗？

谢谢！

科布斯

编辑：上传截图以获取更多信息。

我一定很累。CSS 没有导入 HTML。所有显示的是：测试测试测试（在不同的行）另外，在网格 CSS 中只有 920.gs：

附上 CSS：

是否可以使根 div（容器）成为文档的 100%？
这是我的代码：

谢谢

下面我使用从 12 格 960px 系统中提取的内容。

输出：

现在假设我复制上面的两行总共有 4 行。但我想给前两行一个紫色背景，最后两行一个白色背景：

我上面所做的问题是我必须创建一个名为“row”的新 div 并将它包裹在两列周围。这使得它与布局的其余部分不一致，其中没有包含每一行的 div“行”。如果我在每一行上添加一个 div“行”并给它一个溢出：隐藏属性，那么一列将不可能跨越两行，因为它会将第二行中的项目向下推。那么网格系统如何处理这种情况呢？

我一直不使用任何类型的网格系统，因为我总是用填充和边距搞砸它。

让我们坐下来，我的网格是 90px，我有这个代码：

JSfiddle 在这里。

我如何使用网格，确保网格保持 90px 宽度，同时在 'div' 内部以 100% 宽度使用 20px 填充/边距？

我知道那里有很多网格系统并且我已经测试了一些，但是我必须以错误的方式“攻击”这个，因为当我开始使用填充以获得一些空间时，我的网格总是会扩展。

是否可以将内部网格包围在外部网格内容围绕内部网格流动的位置，就像图像向左/向右浮动一样。

谢谢

无语义的 css 框架根据视口大小将 Web 布局捕捉到移动和桌面模式。您还可以使用“show-on-desktop”和“show-on-mobile”类对桌面和移动设备上显示的内容进行大量修改，它们完全按照他们所说的进行。

这是否意味着我可以告别媒体查询？

http://unsemantic.com/

我需要编辑框架吗？或者我应该在容器 div 之外创建这个 div 吗？我想要跨越 100% 的窗口的 div 是一个菜单 div，所以我希望它跨越 100% 的窗口，但我希望它里面的菜单项符合网格系统。

解决这个问题的最佳方法是什么？将菜单项放入网格中，然后使用减号填充将其放入？

非常感谢。

我正在为网站使用引导程序。我面临一个奇怪的问题，文本框来自我定义的跨度。

这是代码注册当我从这一行中删除 span6 时，文本框进入 div 。

因此，我正在尝试为我的响应式设计设置一个网格系统，以便在台式计算机上，我在左侧有一个用于内容的主列和一个右侧栏。如果它在移动设备上，我希望侧边栏跨越 100% 的屏幕。我在此处的引导站点上使用示例显示：http ://examples.getbootstrap.com/grid/ 在页面底部 - 或如下所示...

主要内容栏跨越 100%，但右侧栏栏没有。它跨越了 80% 的屏幕（我认为）。如果它在移动网站上，我希望它能够做到 100%，因为没有必要让它更小并在它的右侧留出空白。