title: How to avoid double gap between the columns
body: <p><strong>bootstrap 5.0.0-beta1</strong></p>
  <pre><code>              &lt;!doctype html&gt;
                &lt;html lang=&quot;en&quot;&gt;
                  &lt;head&gt;
                    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1, shrink-to-fit=no&quot;&gt;
                    &lt;link href=&quot;https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css&quot; rel=&quot;stylesheet&quot; integrity=&quot;sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1&quot; crossorigin=&quot;anonymous&quot;&gt;
                  &lt;/head&gt;
                &lt;body&gt;
                &lt;div style=&quot;background:blue;&quot; class=&quot;container&quot;&gt;
                    &lt;div class=&quot;row gx-5&quot;&gt;
                        &lt;div style=&quot;background:red; background-clip: content-box;&quot; class=&quot;col-12 col-lg-8&quot;&gt;Red&lt;/div&gt;
                        &lt;div style=&quot;background:green; background-clip: content-box;&quot; class=&quot;col-12 col-lg-4&quot;&gt;Green&lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                &lt;/body&gt;
                &lt;/html&gt;
  </code></pre>
  <p><a href="https://codepen.io/Nonverbis/pen/jOVOYGE" rel="nofollow noreferrer">https://codepen.io/Nonverbis/pen/jOVOYGE</a></p>
  <p>Could you tell me how to avoid double gap between the columns?</p>