Bootstrap 是最流行的前端框架之一。在你的项目中使用Bootstrap,你就可以很快的实现响应式的网页。如果你尝试将Masonry和Bootstrap提供的众多JavaScript组件之一的选项卡组件一起使用，你将会发现许多讨厌的行为。我遇到过，而本文主要关注这个问题是什么和你要如何来解决这个问题。
Bootstrap和Foundation是我最喜欢的两个前端框架，尤其是在快速开发网站的原型上。它们都提供了随时可用的组件，加快了我的工作流程。除了一些细小差别，在我看来它们大部分的基本特征都是类似。在这篇文章里，我将介绍它们网格的基本构造。首先，我将会向你展示它们是如何构建的，描述它们的主要部件，以及它们对不同屏幕的大小表现出的差异。然后，我将通过一个真实例子的实践来帮助你增添知识。
在我之前的一篇文章里，我比较了一下Foundation 5 和 Bootstrap 3的栅格系统。然而这一次，我将继续深入到Foundation的基础栅格结构。这就是说，我将给你展示如何利用它预建立的Sass mixins来做出更多语义化栅格。为了说明它，我将重建上述文章中的demo页面。首先，请先让我介绍一下在这篇文章将要使用到的项目。
