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)As responsive sites run with standard element structures, is there any reference for the Cake's bootstrapping, like forms,blocks etc?
Offsets: .small-offset-1(to 12), .medium-offset-1(to 12), .large-offset-1(to 12)
Align: .left, .right.... 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.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With