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

unexpected column behavior with flexbox enabled #19831

Closed
iyeldinov opened this issue May 1, 2016 · 2 comments
Closed

unexpected column behavior with flexbox enabled #19831

iyeldinov opened this issue May 1, 2016 · 2 comments
Labels

Comments

@iyeldinov
Copy link

iyeldinov commented May 1, 2016

Not sure if it is a feature or a bug (i've built latest code from v4)
Example http://plnkr.co/edit/lOWg1FHZxWnDq2R5zQW5?p=preview (bootlint is freaking out because it doen't know col-xl-*)

On screen size smaller than defined for column, column won't fill 100% of space
screen shot 2016-05-01 at 11 28 42

By simply adding width: 100% for all columns, changes behaviour to classic

[class^=col-] {
    width: 100%;
} 

screen shot 2016-05-01 at 11 31 18

@iyeldinov iyeldinov changed the title flexbox enabled unexpected column behaviour with flexbox enabled – unexpected column behaviour May 1, 2016
@iyeldinov iyeldinov changed the title with flexbox enabled – unexpected column behaviour with flexbox (flex) enabled – unexpected column behaviour May 2, 2016
@twbs-lmvtfy
Copy link

Hi @Iyel!

You appear to have posted a live example (http://run.plnkr.co/plunks/lOWg1FHZxWnDq2R5zQW5/), which is always a good first step. However, according to Bootlint, your example has some Bootstrap usage errors, which might potentially be causing your issue:

  • line 168, column 9: E013: Only columns (.col-*-*) may be children of .rows
  • line 169, column 9: E013: Only columns (.col-*-*) may be children of .rows

You'll need to fix these errors and post a revised example before we can proceed further.
Thanks!

(Please note that this is a fully automated comment.)

@cvrebert cvrebert changed the title with flexbox (flex) enabled – unexpected column behaviour unexpected column behavior with flexbox enabled May 3, 2016
@mdo
Copy link
Member

mdo commented Oct 24, 2016

I believe this was addressed in Alpha 5.

@mdo mdo closed this as completed Oct 24, 2016
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

4 participants