title: How can i make Containers in Bootstrap side by side?
body: <p>This is my container. I think it looks really good, but it only shows one container on the right side, and I want it to show 3 side by side. How can I do this?
  If I just copy and paste the code right beneath itself, the second container is underneath the first one.</p>
  <pre><code>&lt;div class=&quot;container&quot;&gt;
      &lt;div class=&quot;row&quot;&gt;
          &lt;div class=&quot;col-sm&quot;&gt;
              &lt;h2&gt;Product 2&lt;/h2&gt;
          &lt;/div&gt;
          &lt;br&gt;
          &lt;br&gt;
          &lt;div class=&quot;text-center&quot;&gt;
              &lt;img src=&quot;https://picsum.photos/200&quot; alt=&quot;...&quot; class=&quot;img-thumbnail&quot; /&gt;
          &lt;/div&gt;
          &lt;div class=&quot;text-center&quot;&gt;
              &lt;button class=&quot;btn btn-primary btn-sx&quot; type=&quot;button&quot;&gt;Confirm&lt;/button&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>