title: datetimepicker component not in right place
body: <p>I want to use datetimepicker from bootstrap so I follow manual installing guides in this site <a href="http://eonasdan.github.io/bootstrap-datetimepicker" rel="noreferrer">bootstrap-datetimepicker</a>
  but I've got following error:</p>
  
  <blockquote>
    <p>Uncaught Error: datetimepicker component should be placed within a relative positioned container.</p>
  </blockquote>
  
  <p>How to solve it?</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div class="control-group form-horizontal "&gt;
    &lt;label class="control-label"&gt;Date&lt;/label&gt;
    &lt;div class="controls"&gt;
      &lt;input name="datetime" id="datetimepicker4" type="text" class="span4" value="&lt;?php echo $datetime; ?&gt;"&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;script type="text/javascript"&gt;
    $(function() {
      $('#datetimepicker4').datetimepicker();
    });
  &lt;/script&gt;
  </code></pre>
  
  
  
  <p>Thank your for your responses... </p>