search

akoenig / angular-deckgrid

A lightweight masonry-like grid for AngularJS.
http://akoenig.github.io/angular-deckgrid
MIT License
1.1k stars 190 forks source link

Bootstrap for column layout #28

Closed ChicagoDave closed 10 years ago

ChicagoDave commented 10 years ago

Since this is a column oriented directive, wouldn't it be reasonable to rely on Bootstrap for that sort of thing? Or maybe you're leaving that out on purpose and if I want to use Bootstrap, I should wire that in on my own?

akoenig commented 10 years ago

Hej,

do you have a working example of this? I'm not sure if something like this is possible with Bootstrap, because you have to define the explicit columns beforehand. Even if it would be possible to build a reasonable column structure, my guess is that there might be "whitespace gap problem" at lower resolutions.

/André

ChicagoDave commented 10 years ago

I'm not sure I understand "lower resolutions". Bootstrap can be setup so that the media queries are unnecessary. You can define columns so they work with any resolution (phone, tablet, desktop) and they degrade appropriately. So the idea would be to have deckgrid act as it does within the construct of Bootstrap and go from N columns to 1 (mobile) elegantly.

I just pulled your code tonight and am just getting started. Let me play around with it for a day or two and if it goes where I want it to go, I'll put it up on my fork.

akoenig commented 10 years ago

Yes, you're right. I'm familar with the part of Bootstrap's grid system. I'm excited to see what you want to build. Regarding the "lower resolution" part, I mean "lower screen resolutionen".

ChicagoDave commented 10 years ago

Okay I think I understand. Bootstrap is really a row-based framework. The column-nature is restricted to row uniformity. The Pinterest-style column layout (as well as deckgrid) requires column uniformity. I'm still trying to decide if I need one or the other though for my website.