响应式Bootstrap在CakePHP 3x中设计 [英] Responsive bootstrap designing in CakePHP 3x

问题描述

由于CakePHP 3x具有内置的响应功能，我想知道元素结构和类定义。
我确实熟悉Twitter Bootstrapping（在蛋糕2x项目中完成）。但需要熟悉CakePHP 3x版本，作为其新的框架！
我查看了 css / base.css ，发现了一些元素的类，例如

  Grids： .small-1（到12） （至12），.large-1（至12）
 偏移： .small-offset-1（至12），.medium-offset-1 ，.large-offset-1（至12）
 对齐： .left，.right .... etc 

由于响应式网站采用标准元素结构，有什么参考的蛋糕的启动，如形式，块等？

解决方案

CakePHP 3使用 Zurb Foundation < a>前端框架开箱即用。这意味着您要使用的类将在其文档中列出。

具体来说，关于网格的页面。

您可以自定义，删除或替换提供的默认css 。它只提供，以便你可以'打地面运行'，这样新的用户在他们第一次开始使用框架时呈现更有条理的前端外观。

如果您想查看此更改的历史记录，可以查看Github上的公开。 / p>

As CakePHP 3x has inbuilt responsive feature, I would like to know the element structures and class definitions.
I'm indeed familiar with Twitter Bootstrapping ( done in cake 2x projects). But need to familiarize with CakePHP 3x version, as its new in framework!
I looked into css/base.css and found few classes for elements, like

Grids: .small-1(to 12), .medium-1(to 12), .large-1(to 12)
Offsets:  .small-offset-1(to 12), .medium-offset-1(to 12), .large-offset-1(to 12) 
Align: .left, .right.... etc

As responsive sites run with standard element structures, is there any reference for the Cake's bootstrapping, like forms,blocks etc?

解决方案

CakePHP 3 uses the Zurb Foundation front-end framework 'out-of-the-box'. Which means that the classes you want to use will be listed in their documentation.

Specifically the page about the grids.

You can customise, remove or replace the provided default css if you want to. It is only provided so that you can 'hit the ground running' and so that new users are presented with a more organised front-end look when they first start using the framework.

If you'd like to review the history of this change, you can check the PR on Github.

这篇关于响应式Bootstrap在CakePHP 3x中设计的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！