Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Cards in columns ordering #17709

Closed
Anna-Arteeva opened this issue Sep 26, 2015 · 5 comments
Closed

Cards in columns ordering #17709

Anna-Arteeva opened this issue Sep 26, 2015 · 5 comments
Labels

Comments

@Anna-Arteeva
Copy link

Hi,
I have got an issuer with ordering cards in columns in Bootstrap 4 - is it possible to order cards line by line, so they are like:
card1 card2 card3
card4 card5 card 6
card7
etc.?
Here is the blog page I wanna organize www.sdetkami.spb.ru

@cvrebert
Copy link
Collaborator

Yes, you just utilize the grid system. See e.g. http://v4-alpha.getbootstrap.com/components/card/#sizing , http://v4-alpha.getbootstrap.com/layout/grid/#example-column-wrapping
Please use StackOverflow instead of this bug tracker for future how-to questions. Thanks!

@taylordowns2000
Copy link

Hi @cvrebert ,

It's possible that @ayaweb was actually looking for card-columns ordering to go across rows, rather than top to bottom in columns—hence the name, I suppose. Either way, I know that I am!

The masonry effect is wonderful, but I run a marketplace with 117 cards, ordered (in Angular) by number of 'upvotes'. My ng-repeat inside the card-columns div and it looks like:

1st 39th 72nd
2nd 40th 73rd
3rd 41st 74th
4th 42nd 75th

And so on. Is it possible to use card-columns but order in rows? (Maybe call it bootstrap-rows?)

Thanks in advance for your time,
Taylor

@cvrebert
Copy link
Collaborator

@taylordowns2000 Please open a new issue and we'll take a look.

@Anna-Arteeva
Copy link
Author

this is absolutely what I meant, why do you open another issue? Please post the link here if so

@cvrebert
Copy link
Collaborator

See #17882.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

3 participants