Hacker News Reader

Comment by vcarl | Hacker News Reader

This is my experience as well. If people want little tweaks and you're using a CSS framework, you're going to have a bad time.

OTOH Bootstrap's grid system is almost a must have when I'm writing a responsive application. There have been a few projects where I've ripped out the non-grid parts of BS because that was all I wanted.

View on HN

I did exactly the same for almost every project I started. Just extract the grid, vendor-prefixes and a few other generic rules for alignment and you're set.

The only wish I could make is a "simplified" responsive menus/navbars, so it would be easier to build on top of that after.

Have you tried building your own grid system or importing "just" a grid-system/mix-ins which generate grid and columns?

I have, and every time I do, I basically end up trying to rebuild Bootstrap's grid. It has 4 screen sizes that cascade so you can set a small size and not explicitly declare that you want larger screens to be the same, responsive and adaptive resizing, offset columns, push/pull (this is hard, and necessary if you need to change the order of elements based on size), and BS4's alpha adds opt-in flexbox.

Regarding push/pull, Bootstrap is the only grid system I've used that has had this. The use case is when you want

    [x] [y] [z]

on desktop to be

    [z]
    [y]
    [x]

on mobile.

Reply on news.ycombinator.com