title: How to Reorder Columns with Bootstrap 4?
body: <p>I have used the following tags in bootstrap 4 .</p>
  <pre><code>    &lt;div class=&quot;container&quot;&gt;
          &lt;div class=&quot;row align-items-center&quot;&gt;
              &lt;div class=&quot;col-md-3&quot;&gt;
                  &lt;div class=&quot;right-user-account&quot; &gt;
                      &lt;a href=&quot;#&quot;&gt;User Account&lt;/a&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  
              &lt;div class=&quot;col-md-6&quot;&gt;
                  &lt;img src=&quot;images/logo.png&quot;&gt;
              &lt;/div&gt;
  
              &lt;div class=&quot;col-md-3&quot;&gt;
                  &lt;div class=&quot;left-login&quot; &gt;
                      &lt;a href=&quot;#&quot;&gt;Login&lt;/a&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  <p><a href="https://i.stack.imgur.com/dxP6W.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/dxP6W.png" alt="enter image description here" /></a></p>
  <p>I want to be in full-width with the logo</p>
  <p><a href="https://i.stack.imgur.com/tmIJJ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/tmIJJ.png" alt="enter image description here" /></a></p>
  <p>How do I work with the reorder command?</p>