title: How to have mixed fluid and fixed-width content in the same "logical" column?
body: <p>I am designing a site using Bootstrap 4. Most of the content lives in regular (fixed width) containers; however there are some images that should be full width (edge to edge), so for these I use  <code>.container-fluid</code>.</p>
  <p>In one specific page I have a layout that looks like this (for large resolutions):</p>
  <p><a href="https://i.stack.imgur.com/afBDI.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/afBDI.png" alt="Layout for large resolutions" /></a></p>
  <p>The images are full width while the text is not, so my first thought was to put the images in a <code>.container-fluid</code> and the text in a regular <code>.container</code>, like this:</p>
  <pre><code>&lt;div class=&quot;container-fluid&quot;&gt;
      &lt;div class=&quot;row&quot;&gt;
          &lt;div class=&quot;col&quot;&gt;
              &lt;img ...&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class=&quot;row&quot;&gt;
          &lt;div class=&quot;col&quot;&gt;
              &lt;img ...&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class=&quot;container&quot;&gt;
      &lt;div class=&quot;row&quot;&gt;
          &lt;div class=&quot;col&quot;&gt;
              Text...
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class=&quot;row&quot;&gt;
          &lt;div class=&quot;col&quot;&gt;
              Text...
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>However, for mobile I need these to be stacked, like this:</p>
  <p><a href="https://i.stack.imgur.com/NbRd5.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/NbRd5.png" alt="Layout for mobile" /></a></p>
  <p>But this would be a different structure (container-fluid for Image1 + container for text + container-fluid for Image2 + container for text).</p>
  <p>Is there a way to achieve this using Bootstrap's grid system, without resorting to duplicating the content and showing one version or the other depending on the resolution? (I would prefer to avoid this).</p>