问题标签 [grid-system]

这是一个关于jsbin的例子

我正在尝试使用引导网格系统，我发现输入元素溢出了网格单元。我应该做些什么来防止这种情况发生吗？这是html：

我知道设置可以input,select,textarea { max-length: 100%}解决问题，但对于引导程序而言，这似乎是一个奇怪的疏忽。奇怪的是，我很可能做错了什么。

我已经开始使用 Bootstrap 3 迁移到网格系统，但是文档中的示例都使用 DIV： http: //getbootstrap.com/css/#grid

我做了一个有点多余的代码，将 DIV 类与 TABLE 标签/类混合在一起：http: //getbootstrap.com/css/#tables

问题是布局使边界加倍，我认为这应该是更好的方法。对此有什么建议吗？

小提琴中的示例代码：http: //jsfiddle.net/7g8nV/1/

提前致谢。

我读到 Safari 6 部分支持 flexbox，但我不确定缺少什么。

我的目标是创建一个可以将固定侧柱与液柱混合的网格。

例如：

| 256px fixed width | this column has width:100% and spans rest of space |

这是一个在最新稳定的 Chrome、FF、Opera、IE10 中工作的示例。不幸的是，这在 Safari 6 中失败了，但这似乎完全忽略了 flexbox 的东西。

我可以进行一些 css 调整以使其正常工作，还是替代方法？

演示/代码： http ://dominictobias.com/grid/with-fixed.html（< 767px 它将堆叠，当混合液体和固定柱时，如果没有 flex，AFAIK 是无法实现的）

CSS：

html:

新的 Bootstrap 3 网格系统很棒。它对于所有屏幕尺寸的响应式设计都更强大，并且更容易嵌套。

但我有一个问题我无法弄清楚。如何在列之间添加精确的间隙？假设我有 960px 的容器，310px 的 3 列和 3 列之间 15px 的 2 个排水沟。我怎么做？

我使用了这个网格系统。但它几乎有 1000 像素的宽度，我想调整 960 像素的大小，但我不知道该怎么做。我也试着给 body{width:960px; margin:auto;} 但这一次我失去了响应性的主要思想..

我在 ZURB 的论坛上发布了一个问题，但我注意到没有任何帖子的答案。因为我认为这个问题可能会发生在许多其他人身上，我认为将它也放在 SO 上可能是个好主意。它来了：

我使用以下标记制作了一个最小的问题示例（使用 CLCS 建议编辑）：

所有 CSS 类都是 ZURB Foundation 未触及的类。唯一添加的是 test-table 类，其唯一目的只是为了获得有关问题的视觉帮助（为了清晰起见，也进行了编辑）：

预期的输出将是 3 列完美地相互接触。实际输出是两列像预期的那样相互接触，但第三列在右侧偏移了一点，在中心和右侧之间留下了一个空白（参见附图，也已编辑，但问题仍然存在）。

[编辑]似乎其他一些用户在相同的环境下面临同样的问题（Safari 7，Zurb Rails Gem 5.0.2.0）[/编辑]

我们在网站上使用 Bootstraps，但 Internet Explorer 似乎没有使用 Bootstraps 的网格系统。我们有一个分配了 class="col-sm-6 col-md-4 col-md-offset-4" 的类，但在 Internet Explorer 11 上它在屏幕上伸展。这是问题的图像http://wikicopy.com/loginproblemIE.png背景延伸到整个屏幕。它在 Firefox、Chrome 和 Safari 上运行良好。

我对前端开发和无语义都是新手。我试图让两种不同的字体大小坐在同一行。但传统方法似乎不起作用。我试过垂直对齐：“底部；” 但这并没有削减它。 这就是它目前的样子 我很抱歉我不能用 jsfiddle 给你看，使用非语义意味着它没有正确显示

这是CSS

我正在尝试找出一种在不破解网格的情况下利用网格的好方法。

我想要做的是small-4顶行中的三个宽网格（也就是每个网格），然后是第二行，我希望列匹配但只有两个small-4元素。

通常，答案是先做一个small-4，然后做一个，small-8但因为输入设置width: 100%为此对我不起作用。

有什么开箱即用的方法吗？我知道偏移量，但这仅适用于设置为向右移动的项目。

目前有两个small-4div，右 div 向右浮动，这意味着它与上面的不对齐。我可以添加一个额外的small-4，但我想遵循这方面的最佳实践。

这是我的代码，因此您可以了解我的意思：

有谁知道如何为下面的网格系统制作一个20px或1em排水沟？

我把所有的divs 都排成一排，但我想知道如何在每个 div 之间添加一个装订线。我这样做是为了了解如何制作网格。jsFiddle 这里。

HTML：