使用引导网格系统来布局，内容和组件

Question

我在一些网络项目中一直使用twitter bootstrap和zurb基础，而他们的网格系统非常适合组织页面的总体布局（顶级菜单，侧边栏等）以及实际内容（例如并排放置三段文字）我从未发现完全清楚的是你是否打算将它们用于页面的较小组件：例如，每当我需要两个时，我应该使用网格和嵌套网格元素并排？

提供的examples是两个玩具，真正有助于理解这一点。

编辑：我从第一次评论中意识到我没有说清楚，所以我会用一个具体的例子来澄清：github页面的截图。

标有橙色矩形的两个区域显然是网格系统的良好候选者。但是如果我们再向页面中再深入了解一下这些内容：

左侧标题可以是6列的一部分，左侧的按钮也可以是6列的一部分，每个按钮可以是嵌套的4列子网格的一部分。

这可以这样做，但应该吗？