twbs / ratchet

Build mobile apps with simple HTML, CSS, and JavaScript components.

Home Page:http://goratchet.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Grid component missing.

17453628 opened this issue · comments

It would be great if there was a grid component, similar to bootstrap.
The grid should be responsive, so number of column show will change according to screen size.

Simply use Bootstrap, because it's a mobile framework

If you mean include bootstrap with ratchet, I tried that and it sadly doesn't work. Ratchet may part of the bootstrap family but it currently doesn't play well together. Class names collide.

I agree a grid component is needed. 12 column bootstrap is way too much for mobile but maybe 4 column max would work. I actually rolled a 4 column grid for my project. It's very simple and meets my needs but it doesn't have all the bells and whistles. An included and supported grid would be optimal and bringing in the whole bootstrap style sheet seems like overkill.

you can use materialize it is very powerful framework with native components
check this out http://materializecss.com/

Use 12 column grid of Bootstrap. The width of the elements must be specified in %.