title: Bootstrap 4 - How to make card take 100% width of container
body: <p>I need to do something similar to this :</p>
  <p><a href="https://i.stack.imgur.com/iMFx6.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/iMFx6.png" alt="enter image description here" /></a></p>
  <p>The content you see is meant to be in a card, but I can't find the right combination to have a similar html structure in bootstrap so far.</p>
  <p>The card has to take all the container width, and inside I need to display a video on the left side, a text in the middle and a button on the right side.</p>
  <p>Any tips on that ?</p>
  <p>I did this so far :</p>
  <pre><code>&lt;div class=&quot;container mt-5&quot;&gt;
      &lt;div class=&quot;row&quot;&gt;
          &lt;div class=&quot;col-lg-12&quot;&gt;
              &lt;div class=&quot;card&quot;&gt;
                  &lt;div class=&quot;card-body&quot;&gt;
                      &lt;div class=&quot;row&quot;&gt;
                          &lt;div class=&quot;col-4&quot;&gt;
                              VIDEO
                          &lt;/div&gt;
                          &lt;div class=&quot;col-4&quot;&gt;
                              TEXT
                          &lt;/div&gt;
                          &lt;div class=&quot;col-4&quot;&gt;
                              BTN
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>