title: Is it possible to set a background in a bootstrap column that oversizes the div?
body: <p>I need to code the next example:</p>
  
  <p><a href="https://i.stack.imgur.com/YrQvx.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/YrQvx.jpg" alt="enter image description here"></a></p>
  
  <p>I'm coding all website using bootstrap and the code of this section is this:</p>
  
  <pre><code>`&lt;div class="bg_blue"&gt;
          &lt;div class="container"&gt;
              &lt;!-- Example row of columns --&gt;
              &lt;div class="row"&gt;
                  &lt;div class="col-md-6"&gt;
                      &lt;div id="login-form-box" class="form-box"&gt;
                          &lt;div id="login-form-info" class="form-info"&gt;
                              &lt;?php if (isset($content['info']) &amp;&amp; !empty($content['info'])) {
                              echo $content['info'];
                              }
                              ?&gt;
                          &lt;/div&gt;
                          &lt;?php if (isset($error_message)) {
                          echo '&lt;div id="login-form-info" class="form-error"&gt;'.$error_message.'&lt;/div&gt;';
                          }
                          ?&gt;
                          &lt;form id="login-form" class="form" action="&lt;?php echo api_get_path(WEB_PATH)?&gt;index.php" method="post"&gt;
                              &lt;div&gt;
                                  &lt;label for="login"&gt;&lt;?php echo custompages_get_lang('User');?&gt;&lt;/label&gt;
                                  &lt;input name="login" type="text" /&gt;&lt;br /&gt;
                                  &lt;label for="password"&gt;&lt;?php echo custompages_get_lang('Password');?&gt;&lt;/label&gt;
                                  &lt;input name="password" type="password" /&gt;&lt;br /&gt;
                              &lt;/div&gt;
                          &lt;/form&gt;
                          &lt;div id="login-form-submit" class="form-submit" onclick="document.forms['login-form'].submit();"&gt;
                              &lt;span&gt;&lt;?php echo custompages_get_lang('LoginEnter');?&gt;&lt;/span&gt;
                              &lt;/div&gt; &lt;!-- #form-submit --&gt;
                              &lt;div id="links"&gt;
                                  &lt;?php if (api_get_setting('allow_registration') === 'true') { ?&gt;
                                  &lt;a href="&lt;?php echo api_get_path(WEB_CODE_PATH); ?&gt;auth/inscription.php?language=&lt;?php echo api_get_interface_language(); ?&gt;"&gt;
                                      &lt;?php echo custompages_get_lang('Registration')?&gt;
                                  &lt;/a&gt;&lt;br /&gt;
                                  &lt;?php } ?&gt;
                                  &lt;a href="&lt;?php echo api_get_path(WEB_CODE_PATH); ?&gt;auth/lostPassword.php?language=&lt;?php echo api_get_interface_language(); ?&gt;"&gt;
                                      &lt;?php echo custompages_get_lang('LostPassword')?&gt;
                                  &lt;/a&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;div class="col-md-6"&gt;
                      &lt;!-- &lt;img class="img" src="&lt;?php echo api_get_path(WEB_PATH)?&gt;/custompages/images/bgimage.png" alt="Background" /&gt; --&gt;
                  &lt;/div&gt;
              &lt;/div&gt; &lt;!-- /row --&gt;
          &lt;/div&gt;&lt;!-- /container --&gt;
      &lt;/div&gt;`
  </code></pre>
  
  <p>The problem is that I cant set the image background to the second column that resizes and that covers the full with out of the column-md-6 to the right.</p>
  
  <p>Here's a little sketch:</p>
  
  <p><a href="https://i.stack.imgur.com/Wv7Qe.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Wv7Qe.png" alt="enter image description here"></a></p>