I am currently working on an HTML layout, pre-PHP, for my contact page. My issue is that there seems to be an arbitrary margin on the left-hand side of the form that is making the span classes not divide evenly. For example, the span3 spans in the form itself are not making two-wide input/select rows, but instead line breaking to fit the span6. The two span6 divs in the larger span12 div are also doing the same thing, offsetting the placeholder image to the row beneath the form.
I’ve scoured both bootstrap.css and bootstrap-responsive for what may be causing the strange padding/margin to the side, but cannot find the culprit, assuming that that space is causing this issue.
Your rows and columns aren’t structured properly. For one thing, each row should be wrapped in a div.row, and that last span.span3 in the form (wrapping the button) is completely unnecessary. This is what your final HTML *should* look like: //jsbin.com/uwiniq/1/edit