title: Change bootstrap column order randomly?
body: <p>I have several columns in in row. Is there a way to change their order randomly with jQuery when I refresh the page ?</p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;div class="row"&gt;
          &lt;div class="col-xs-6"&gt;1&lt;/div&gt;
          &lt;div class="col-xs-6"&gt;2&lt;/div&gt;
          &lt;div class="col-xs-6"&gt;3&lt;/div&gt;
          &lt;div class="col-xs-6"&gt;4&lt;/div&gt;
          &lt;div class="col-xs-6"&gt;5&lt;/div&gt;
          &lt;div class="col-xs-6"&gt;6&lt;/div&gt;
          &lt;div class="col-xs-6"&gt;7&lt;/div&gt;
          &lt;div class="col-xs-6"&gt;8&lt;/div&gt;
          &lt;div class="col-xs-6"&gt;9&lt;/div&gt;
          &lt;div class="col-xs-6"&gt;10&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>