{"issue":{"created_at":"2011-12-07T03:16:35Z","state":"open","updated_at":"2011-12-15T04:01:58Z","user":{"gravatar_id":"85b03650a2ec5235376b0b983a49511a","id":385270,"url":"https://api.github.com/users/cjoudrey","avatar_url":"https://secure.gravatar.com/avatar/85b03650a2ec5235376b0b983a49511a?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-140.png","login":"cjoudrey"},"comments":5,"body":"`select.span#` is not the same width as `input.span#`.\r\n\r\nFor example, `select.span6` and `input.span6`:\r\n\r\n![ss](http://i.imgur.com/pXiiq.png)\r\n\r\nAre we no longer supposed to use `span#` on form inputs?","assignee":null,"id":2470781,"labels":[],"pull_request":{"patch_url":null,"html_url":null,"diff_url":null},"number":768,"title":"2.0-wip - select.span# is not the same width as input.span#","html_url":"https://github.com/twitter/bootstrap/issues/768","closed_at":null,"milestone":null,"url":"https://api.github.com/repos/twitter/bootstrap/issues/768"},"action":"created","comment":{"created_at":"2011-12-15T04:01:58Z","updated_at":"2011-12-15T04:01:58Z","user":{"gravatar_id":"dd76923969c07786ce23ad02b11cd10a","id":100821,"url":"https://api.github.com/users/jasny","avatar_url":"https://secure.gravatar.com/avatar/dd76923969c07786ce23ad02b11cd10a?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-140.png","login":"jasny"},"body":"Haha, it accidentally works correctly in 1.4.0. I love those kind of things :p.\r\n\r\nThe width of <code>input.span#<span> is actually 10px less than the width of <code>div.span#</code>, because the 2x 1px border and 4px padding = 10px.\r\n\r\nThere are 2 bugs in 1.4.0 cancelling each other out for this specific case.\r\n1.) They are using a different box model for input and select as described above, cause the select to be 10px to small.\r\n2.) They apply the style of input.span# to select.span#, causing the span to be 10px to big.\r\n\r\nYou can see though that if you don't use <code>.span#</code> on the select, it is 10px to small.\r\n\r\nNow they solved issue 2, making issue 1 more apparent. http://jsbin.com/emobim/4\r\n\r\nAlternative to setting the box model of select to content-box, this could also be solved by setting the box-sizing to border-box for inputs, removing the need to reduce the width by 10px, simplifying the code.\r\n\r\n```css\r\ninput, select {\r\n  box-sizing: border-box;\r\n  -moz-box-sizing: border-box;\r\n  -webkit-box-sizing: border-box;\r\n  -ms-box-sizing: border-box;\r\n}\r\n```\r\n\r\n@fat Could you comment on this please?","id":3156461,"url":"https://api.github.com/repos/twitter/bootstrap/issues/comments/3156461"}}