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

Add an option for multiline grid maybe? #64

Closed
kevbook opened this issue May 25, 2016 · 4 comments
Closed

Add an option for multiline grid maybe? #64

kevbook opened this issue May 25, 2016 · 4 comments

Comments

@kevbook
Copy link

kevbook commented May 25, 2016

.columns.multiline {
    flex-wrap: wrap;
}

unspecified

@picturepan2
Copy link
Owner

@kevbook Not planned. But I will consider that.

@kevbook
Copy link
Author

kevbook commented May 27, 2016

If you prefer, I'm happy to do a pull request

@iamjinme
Copy link

iamjinme commented Jun 15, 2016

Excellent @kevbook, in my opinion the behavior if elements exceed the width is that; Not hide the elements. ¿Optionally? I'm not sure. For example, with Angular.js and ng-repeat is the best solution:

Don't show image 7,8,...
without this trick

in app.js

$scope.images = [1, 2, 3, 4, 5, 6, 7, 8];

in index.html

<div class="container">
    <div class="columns">
      <div ng-repeat='image in images' class="column col-2">
          <section class="empty">
              <img ng-src='http://placehold.it/150x200&text={{image}}'>
              <p class="empty-title">You have no new messages</p>
              <p class="empty-meta">Click the button to start a conversation.</p>
              <button class="empty-action btn btn-primary">Send a message</button>
          </section>
      </div>
    </div>
</div>

Add "multiline" class in columns and work like expect! Thank you!

@picturepan2
Copy link
Owner

picturepan2 commented Jul 2, 2016

I added col-multiline in #86

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

No branches or pull requests

3 participants