css - Responsive bootstrap designing in CakePHP 3x

Question

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?

Answer 1

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.