title: Moving a column in a row using Javascript
body: <p>I have divide the web page into <strong>3 columns</strong> as follows. And filled the <code>div</code> with a image in <code>javascript</code>.</p>
  
  <pre><code>&lt;div id="fullPage" class="image-motion-wrapper"&gt;
      &lt;div class="row"&gt;
          &lt;div class="col-md-4" align="left" id="left"&gt;   
          &lt;/div&gt;
          &lt;div class="col-md-4" align="center" id="center"&gt;   
          &lt;/div&gt;
          &lt;div class="col-md-4" align="right" id="right"&gt;     
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Now I need to move first <strong>column(with it's image)</strong> left to right using <code>Javascript</code>.</p>
  
  <p>How can I do that?</p>