v4: [Bug] Grid does not stack when you set a breakpoint size, it should stack (width 100%) below it.
I was trying bootstrap-styled, at first for a simple grid responsible approach, doesn’t seem to be working right out of the box.
I am not using BootstrapProvider but rather including the individual components, it’s just a simple attempt:
<Row>
<Col md="6" />
<Col md="6"/>
<Row>
Then looking at https://bootstrap-styled.github.io/v4/#/UI Components/Row I see it’s not working there either.
About this issue
- Original URL
- State: closed
- Created 5 years ago
- Reactions: 1
- Comments: 24 (15 by maintainers)
Commits related to this issue
- fix(Row): Row was having wrong defaultProps $enable-grid-classes should be true fix #74 — committed to bootstrap-styled/v4 by deleted user 5 years ago
- chore(release): 2.0.18 [skip ci] ## [2.0.18](https://github.com/bootstrap-styled/v4/compare/v2.0.17...v2.0.18) (2019-01-31) ### Bug Fixes * **Row:** Row was having wrong defaultProps ([5577cae](htt... — committed to bootstrap-styled/v4 by semantic-release-bot 5 years ago
- fix(Row): Fix box-sizing within <Row /> When used without a <BootstrapProvider />, the <Row /> component will not have the css rules `*, ::after, ::before { box-sizing: border-box; }` appended and th... — committed to bootstrap-styled/v4 by deleted user 5 years ago
- chore(release): 2.0.22 [skip ci] ## [2.0.22](https://github.com/bootstrap-styled/v4/compare/v2.0.21...v2.0.22) (2019-02-01) ### Bug Fixes * **Row:** Fix box-sizing within <Row /> ([c7f46bf](https:/... — committed to bootstrap-styled/v4 by semantic-release-bot 5 years ago
- fix(Col): Add .col by default if no other cols are provided .col was mandatory since b520494, we have put it optional and it will appended only if no breakpoint is configured #74 — committed to bootstrap-styled/v4 by deleted user 5 years ago
- chore(release): 3.0.3 [skip ci] ## [3.0.3](https://github.com/bootstrap-styled/v4/compare/v3.0.2...v3.0.3) (2019-02-04) ### Bug Fixes * **Col:** Add .col by default if no other cols are provided ([... — committed to bootstrap-styled/v4 by semantic-release-bot 5 years ago
Yes, it needs to be manually updated. (It’s the only option I can see). We will respect v4 specification and will use OSS feedback such as this one to keep up to date this lib with the original bootstrap.
@kopax I am truly confused, you say it works fine, but for me it doesn’t.
See your codesandbox: https://codesandbox.io/s/nr16mnzo3p And have a look at this one, which is basically plain old bootstrap: https://codesandbox.io/s/3vxo9964l6
It’s not the same. On yours, the columns are stacked (on on top of the other) when the browser window is wide and side by side when it’s narrow. On the bootstrap one, is the other way around.
Open them up on a new tab so that it uses the full width of your browser.