title: Margin left for form using Bootstrap 2.3
body: <p>I am failing to see how can I align a form with the beginning of an image using Bootstrap 2.3.2.</p>
  
  <p>Here is my code:</p>
  
  <pre><code>&lt;body&gt;
  
    &lt;div class="container"&gt;
        &lt;img src="http://s10.postimg.org/6xjbbn6yh/0_Bl8if_L2_Et_AUQg_Y_n0_dsw.png"&gt;
      &lt;div class="form"&gt;
          &lt;form accept-charset="UTF-8" action="/orders/97" class="form-horizontal" data-remote="true" id="edit_ad_586" method="post"&gt;&lt;div style="margin:0;padding:0;display:inline"&gt;&lt;input name="utf8" type="hidden" value="✓"&gt;&lt;input name="_method" type="hidden" value="patch"&gt;&lt;/div&gt;
            &lt;div class="control-group"&gt;
              &lt;label class="control-label" for="score"&gt;Score&lt;/label&gt;
              &lt;div class="controls"&gt;
                &lt;select class="input-small" id="ad_score" name="ad[score]"&gt;&lt;option selected="selected" value="1"&gt;1&lt;/option&gt;
  &lt;option value="2"&gt;2&lt;/option&gt;
  &lt;option value="10"&gt;10&lt;/option&gt;&lt;/select&gt;
              &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class="control-group"&gt;
              &lt;div class="controls"&gt;
                &lt;input class="btn btn-primary" name="commit" type="submit" value="Score!"&gt;
              &lt;/div&gt;
            &lt;/div&gt;
  &lt;/form&gt;      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>And here is live: <a href="http://jsfiddle.net/BVmUL/205/" rel="nofollow">Bootstrap left margin in form</a></p>
  
  <p>I would like the form to avoid having that left margin and be aligned with the beginning of the picture.  How can I do that?</p>