{"action":"created","issue":{"url":"https://api.github.com/repos/twbs/bootstrap/issues/17310","labels_url":"https://api.github.com/repos/twbs/bootstrap/issues/17310/labels{/name}","comments_url":"https://api.github.com/repos/twbs/bootstrap/issues/17310/comments","events_url":"https://api.github.com/repos/twbs/bootstrap/issues/17310/events","html_url":"https://github.com/twbs/bootstrap/issues/17310","id":103041547,"number":17310,"title":"Grid system broken with flex and IE11 (v4alpha)","user":{"login":"ezramorse","id":1565879,"avatar_url":"https://avatars.githubusercontent.com/u/1565879?v=3","gravatar_id":"","url":"https://api.github.com/users/ezramorse","html_url":"https://github.com/ezramorse","followers_url":"https://api.github.com/users/ezramorse/followers","following_url":"https://api.github.com/users/ezramorse/following{/other_user}","gists_url":"https://api.github.com/users/ezramorse/gists{/gist_id}","starred_url":"https://api.github.com/users/ezramorse/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ezramorse/subscriptions","organizations_url":"https://api.github.com/users/ezramorse/orgs","repos_url":"https://api.github.com/users/ezramorse/repos","events_url":"https://api.github.com/users/ezramorse/events{/privacy}","received_events_url":"https://api.github.com/users/ezramorse/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":3,"created_at":"2015-08-25T15:00:33Z","updated_at":"2015-08-25T16:09:18Z","closed_at":null,"body":"The following code block renders on two lines when compiling the SASS stylesheet with option:\r\n$enable-flex: true !default;\r\n\r\n`<div class=\"container\">\r\n        <div class=\"row\">\r\n                <div class=\"col-sm-6\">\r\nOne of Two Columns\r\n                </div>\r\n                <div class=\"col-sm-6\">\r\nTwo of Two Columns\r\n                </div>\r\n        </div>\r\n</div>`\r\n\r\nThis will \"work\" with .col-sm-6 flex: attribute changed to 47%\r\n\r\n"},"comment":{"url":"https://api.github.com/repos/twbs/bootstrap/issues/comments/134653277","html_url":"https://github.com/twbs/bootstrap/issues/17310#issuecomment-134653277","issue_url":"https://api.github.com/repos/twbs/bootstrap/issues/17310","id":134653277,"user":{"login":"ezramorse","id":1565879,"avatar_url":"https://avatars.githubusercontent.com/u/1565879?v=3","gravatar_id":"","url":"https://api.github.com/users/ezramorse","html_url":"https://github.com/ezramorse","followers_url":"https://api.github.com/users/ezramorse/followers","following_url":"https://api.github.com/users/ezramorse/following{/other_user}","gists_url":"https://api.github.com/users/ezramorse/gists{/gist_id}","starred_url":"https://api.github.com/users/ezramorse/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ezramorse/subscriptions","organizations_url":"https://api.github.com/users/ezramorse/orgs","repos_url":"https://api.github.com/users/ezramorse/repos","events_url":"https://api.github.com/users/ezramorse/events{/privacy}","received_events_url":"https://api.github.com/users/ezramorse/received_events","type":"User","site_admin":false},"created_at":"2015-08-25T16:09:18Z","updated_at":"2015-08-25T16:09:18Z","body":"If you remove the left and right padding from the columns, the grid layout will be corrected in IE11.\r\nhttp://output.jsbin.com/vicamaviyo/1/\r\n\r\nFor a temporary workaround on IE 11, if you are not needing wrapping (using less than 12 columns per row), change flex-wrap on row to \"nowrap\".\r\nhttp://output.jsbin.com/ziyorijuli/1/"}}