宁波vi设计公司分享上海菜vi设计理念

上海菜vi设计的核心价值在于为企业打造独特的品牌，上海菜vi设计可以给企业带来良好的社会声誉和经济效益。

注：本文“上海菜vi设计”配图为本公司设计作品

上海菜vi设计思路：

几周前，著名的基金会框架发布了它的第四个版本。如果您从未听说过基础，我们将指导您使用这个响应式框架。

由于基础的第3版是使用萨斯(帮助编写更高效的半铸钢钢性铸铁(Cast Semi-Steel)的aCSS预处理器)从头开始构建的，因此这个新版本也是移动友好的，并在其网格中提供了许多其他框架所没有的功能。

让我们深入了解粉底，看看它为什么如此受欢迎…

网格

基金会使用12列嵌套网格，将适应任何大小的屏幕，如果你已经使用网格，这应该是你非常熟悉的100 .基金会中的所有差异都使用了框大小：边框-框，这样边框和填充就不会影响元素的宽度和高度，让我们的计算变得简单一点。但是基础网格的神奇之处在于你实际上有两个网格，一个是当屏幕宽度大于768像素时的大网格，另一个是你可以简单控制的小网格。为此，基金会使用小#和大#类，如下所示：

div class='row '

div class=' small-3 large-4 columns ' lorem Ipsum/div

div class=' small-6 large-4 columns ' lorem Ipsum/div

/div

在这段代码中，我们创建了一个窗口，当浏览器宽于768像素时，其中有完全相同宽度的3divs，但当它更小时，正如您在差异中看到的小类，最后一个将占据一半的屏幕，而另外两个将各占25%,这使您可以极大地控制我们的网站在所有屏幕上的外观。

基础还允许您偏移一个列，这意味着您可以有一个只有3列宽的2列行，但是您可以偏移它向右浮动的第二列，为此我们使用大偏移类或小偏移类：

div class='row '

div class='large-3列/div

div class=' large-3 large-offset-6列3，偏移6/格

/div

块状网格

块网格只是一个很小的额外功能，它可以让你在网格中分割列表的内容，当你希望网站的这个特定部分保持均匀间隔时，不管浏览器的大小如何，它都很有用。这种类型的网格使用小块网格和大块网格类，如果您只设置第一个类，无论视窗是什么，网格都将保持所需的间距，但是如果您只使用大块网格类，当视窗到达768像素的断点时，网格项目将堆叠在彼此之上，您可以通过使用这两个类来获得更多的控制，如下所示：

ul class='小块网格-2大块网格-4 '

liimg src='image1.png'/li

liimg src='image2.png'/li

liimg src='image3.p