title: Move the widget to the right side of the web page using bootstrap 4
body: <p>I want the information tag to be at the right side of the web page. Rest of the things are in the middle of the page. While I am not able to move the information to the right side. Also, because of it the footer disappeared. While I remove the information code, the footer works. Please help me right-align the information widget and also have the footer too. </p>
  
  <pre><code>&lt;div class="container"&gt;
           &lt;div class="card border-light mb-3 text-center"&gt;
              &lt;p class="card-header"&gt;Videos&lt;/p&gt;
          &lt;/div&gt;
           &lt;div id="userSuccess" class="hide" role="alert"&gt;
              &lt;div id="successUserContent"&gt;&lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="row" id="userVid"&gt; 
              &lt;?php
              $allVid = Schema::getAll();
              for ($i = 0; $i &lt; count($allVid); $i++) {
                  echo &lt;&lt;&lt;HTML
                  &lt;div class="col-lg-4 col-md-6 mb-4"&gt;
                      &lt;div class="card h-100"&gt;  
                          &lt;div class="card-body"&gt;
                              &lt;a href="vid.php"&gt;&lt;img class="card-img-top" src="http://placehold.it/700x400" alt=""&gt;&lt;/a&gt;
                              &lt;h4 class="card-title"&gt;{$allVid[$i]-&gt;getTitle()} &lt;/h4&gt;
                          &lt;/div&gt; 
                      &lt;/div&gt; 
                  &lt;/div&gt;
      HTML;
              }
              ?&gt;   
          &lt;/div&gt;    
          &lt;div class="row"&gt;
          &lt;div class="col-md-4 order-md-2 mb-4"&gt;
          &lt;div class="card my-4"&gt;
                      &lt;h5 class="card-header"&gt;Information&lt;/h5&gt; 
                      &lt;div class="card-body"&gt;  
                          &lt;div class="row"&gt;
                                  &lt;ul class="list-unstyled mb-0"&gt;  
                                      &lt;li&gt;
                                          ...  
                                      &lt;/li&gt;
                                  &lt;/ul&gt;                         
                          &lt;/div&gt;
                      &lt;/div&gt;        
                  &lt;/div&gt;
          &lt;/div&gt;
          &lt;/div&gt; 
      &lt;/div&gt;
  &lt;?php
  require_once './page/footer.php';
  ?&gt;
  </code></pre>