{"action":"created","issue":{"url":"https://api.github.com/repos/twbs/bootstrap/issues/15971","labels_url":"https://api.github.com/repos/twbs/bootstrap/issues/15971/labels{/name}","comments_url":"https://api.github.com/repos/twbs/bootstrap/issues/15971/comments","events_url":"https://api.github.com/repos/twbs/bootstrap/issues/15971/events","html_url":"https://github.com/twbs/bootstrap/issues/15971","id":59449051,"number":15971,"title":"Strange behavior of a class=\"alert\" in a <div class=\"col-md-3-offset>\" depending on the browser window witdth","user":{"login":"caBBAlainB","id":9322571,"avatar_url":"https://avatars.githubusercontent.com/u/9322571?v=3","gravatar_id":"","url":"https://api.github.com/users/caBBAlainB","html_url":"https://github.com/caBBAlainB","followers_url":"https://api.github.com/users/caBBAlainB/followers","following_url":"https://api.github.com/users/caBBAlainB/following{/other_user}","gists_url":"https://api.github.com/users/caBBAlainB/gists{/gist_id}","starred_url":"https://api.github.com/users/caBBAlainB/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/caBBAlainB/subscriptions","organizations_url":"https://api.github.com/users/caBBAlainB/orgs","repos_url":"https://api.github.com/users/caBBAlainB/repos","events_url":"https://api.github.com/users/caBBAlainB/events{/privacy}","received_events_url":"https://api.github.com/users/caBBAlainB/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":11,"created_at":"2015-03-02T07:53:43Z","updated_at":"2015-03-04T06:55:39Z","closed_at":null,"body":"I'm facing a strange behavior of class='alert' container depending on the browser window's width.\r\n\r\nThe html code is this one:\r\n\r\n\t<div class=\"col-md-offset-3\">\r\n\t    <div class=\"form-group select\">\r\n\t        <label class=\" control-label\" for=\"siteopeningdatechoices\">Opening periods :</label>\r\n\t        <select class=\"form-control\" name=\"siteopeningdatechoices\" id=\"siteopeningdatechoices\">\r\n\t            <option value=\"0\" selected=\"selected\">Undefined periods</option>\r\n\t            <option value=\"1\">Defined periods</option>\r\n\t        </select>\r\n\t    </div>\r\n\t    <div id=\"openingdateslist\">\r\n        </div>\r\n\t    <div class=\"hidden\" id=\"siteopeningdates_size\">0</div>\r\n\t    <div id=\"helpTime\" class=\"alert alert-info\" role=\"alert\"> <em>This is an help to input hours.</em>\r\n\t     </div>\r\n\t</div>\r\n\r\nAs you can see, if there is enough space, I want my div with an offset of 3.\r\n\r\nI have an empty `<div id=\"openingdateslist\"></div>`, where a javascript inserts additional html code.\r\nSo, I would have my additional html code and below, the `<div id=\"helpTime\"...`.\r\n\r\nAnd here is the problem; If bootstrap doesn't have enough space and give up col-md-offset-3, everything works fine but if it adds the offset, I visually have the inserted code inside the blue div!!!\r\n\r\nYou can test it in the fiddle below by moving the vertical separator left and right to see the result.\r\n\r\nhttp://jsfiddle.net/suunt549/6/\r\n\r\nAccording to my tests, the problem appears in both Firefox and Chrome.\r\n\r\nIs there anything wrong in my code?\r\n"},"comment":{"url":"https://api.github.com/repos/twbs/bootstrap/issues/comments/77106020","html_url":"https://github.com/twbs/bootstrap/issues/15971#issuecomment-77106020","issue_url":"https://api.github.com/repos/twbs/bootstrap/issues/15971","id":77106020,"user":{"login":"cvrebert","id":419884,"avatar_url":"https://avatars.githubusercontent.com/u/419884?v=3","gravatar_id":"","url":"https://api.github.com/users/cvrebert","html_url":"https://github.com/cvrebert","followers_url":"https://api.github.com/users/cvrebert/followers","following_url":"https://api.github.com/users/cvrebert/following{/other_user}","gists_url":"https://api.github.com/users/cvrebert/gists{/gist_id}","starred_url":"https://api.github.com/users/cvrebert/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/cvrebert/subscriptions","organizations_url":"https://api.github.com/users/cvrebert/orgs","repos_url":"https://api.github.com/users/cvrebert/repos","events_url":"https://api.github.com/users/cvrebert/events{/privacy}","received_events_url":"https://api.github.com/users/cvrebert/received_events","type":"User","site_admin":false},"created_at":"2015-03-04T06:55:38Z","updated_at":"2015-03-04T06:55:38Z","body":"After fixing your one bad `for` and removing the apparently-invalid `placeholder=\"\"`s: http://jsfiddle.net/1ggbdL8x/7/"}}