{"action":"created","issue":{"url":"https://api.github.com/repos/twbs/bootstrap/issues/19965","repository_url":"https://api.github.com/repos/twbs/bootstrap","labels_url":"https://api.github.com/repos/twbs/bootstrap/issues/19965/labels{/name}","comments_url":"https://api.github.com/repos/twbs/bootstrap/issues/19965/comments","events_url":"https://api.github.com/repos/twbs/bootstrap/issues/19965/events","html_url":"https://github.com/twbs/bootstrap/issues/19965","id":156496254,"number":19965,"title":".col-xs-12 can overflow its row when Flexbox is enabled","user":{"login":"rubenvincenten","id":756540,"avatar_url":"https://avatars.githubusercontent.com/u/756540?v=3","gravatar_id":"","url":"https://api.github.com/users/rubenvincenten","html_url":"https://github.com/rubenvincenten","followers_url":"https://api.github.com/users/rubenvincenten/followers","following_url":"https://api.github.com/users/rubenvincenten/following{/other_user}","gists_url":"https://api.github.com/users/rubenvincenten/gists{/gist_id}","starred_url":"https://api.github.com/users/rubenvincenten/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/rubenvincenten/subscriptions","organizations_url":"https://api.github.com/users/rubenvincenten/orgs","repos_url":"https://api.github.com/users/rubenvincenten/repos","events_url":"https://api.github.com/users/rubenvincenten/events{/privacy}","received_events_url":"https://api.github.com/users/rubenvincenten/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/twbs/bootstrap/labels/css","name":"css","color":"563d7c"},{"url":"https://api.github.com/repos/twbs/bootstrap/labels/v4","name":"v4","color":"563d7c"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":4,"created_at":"2016-05-24T12:37:17Z","updated_at":"2016-06-03T08:18:22Z","closed_at":null,"body":"Imagine the following structure with `$enable-flex: true`:\r\n\r\n```html\r\n<div class=\"container\">\r\n    <div class=\"row\">\r\n        <div class=\"col-xs-12 col-md-4\">This is supposed to be full width at mobile screens</div>\r\n   </div>\r\n</div>\r\n```\r\n\r\nWhen on mobile screens, the col expands to the content width(for large images, it overflows the row width!!), while it should expand to the container width (fluid @ `100vw`)\r\n\r\nI fixed this with some simple scss:\r\n```scss\r\n.col-xs-12 {\r\n  @include media-breakpoint-down(xs) {\r\n    flex-grow: 1;\r\n  }\r\n}\r\n```\r\nI'm not sure how this would play out with higher breakpoints however. Is there any other way to resolve this maybe?\r\n\r\nUPDATE: I'm now adding an extra class to the grid rows if there's only .col-xs-12 elements inside that row.\r\n\r\n```scss\r\n@include media-breakpoint-down(xs) {\r\n  .row.no-flexbox-xs {\r\n    display: block;\r\n  }\r\n}\r\n```"},"comment":{"url":"https://api.github.com/repos/twbs/bootstrap/issues/comments/223518996","html_url":"https://github.com/twbs/bootstrap/issues/19965#issuecomment-223518996","issue_url":"https://api.github.com/repos/twbs/bootstrap/issues/19965","id":223518996,"user":{"login":"rubenvincenten","id":756540,"avatar_url":"https://avatars.githubusercontent.com/u/756540?v=3","gravatar_id":"","url":"https://api.github.com/users/rubenvincenten","html_url":"https://github.com/rubenvincenten","followers_url":"https://api.github.com/users/rubenvincenten/followers","following_url":"https://api.github.com/users/rubenvincenten/following{/other_user}","gists_url":"https://api.github.com/users/rubenvincenten/gists{/gist_id}","starred_url":"https://api.github.com/users/rubenvincenten/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/rubenvincenten/subscriptions","organizations_url":"https://api.github.com/users/rubenvincenten/orgs","repos_url":"https://api.github.com/users/rubenvincenten/repos","events_url":"https://api.github.com/users/rubenvincenten/events{/privacy}","received_events_url":"https://api.github.com/users/rubenvincenten/received_events","type":"User","site_admin":false},"created_at":"2016-06-03T08:18:22Z","updated_at":"2016-06-03T08:18:22Z","body":"Never mind, what I meant was this: https://github.com/twbs/bootstrap/issues/19831"}}
{"actor":{"display_login":"rubenvincenten"}}