title: how do I get my bootstrap form to be showed horizontally?
body: <p>my question is about forms in bootstrap.</p>
  
  <p>I had to convert from bootstrap v3 to v4. Now my form keeps showing vertically. What do I need to do to get it horizontally?</p>
  
  <p><a href="https://i.stack.imgur.com/DNUOi.jpg" rel="nofollow noreferrer">screenshot of what it looked like in bootstrap 3</a></p>
  
  <p>my code:</p>
  
  <pre><code>&lt;div class="col-4"&gt;
      &lt;form method="post" action="index_s.php?action=add&amp;id=&lt;?php echo $row["product_id"]; ?&gt;"&gt;
          &lt;div style="border:1px solid #333; background-color:#f1f1f1; border-radius:15px; padding:20px;" align="center"&gt;
              &lt;img src="&lt;?php echo $row["product_image"]; ?&gt;" class="img-fluid" /&gt;&lt;br /&gt;
              &lt;h4 class="text-info"&gt;&lt;?php echo $row["product_name"]; ?&gt;&lt;/h4&gt;
              &lt;h4 class="text-danger"&gt;€ &lt;?php echo $row["product_price"]; ?&gt;&lt;/h4&gt;
              &lt;input type="text" name="quantity" class="form-conrol" value="1" /&gt;
              &lt;input type="hidden" name="hidden_name" value="&lt;?php echo $row["product_name"]; ?&gt;" /&gt;
              &lt;input type="hidden" name="hidden_price" value="&lt;?php echo $row["product_price"]; ?&gt;" /&gt;
              &lt;input type="submit" name="add_to_cart" style="margin-top:5px;" class="btn btn-success" value="In winkelwagen" /&gt;
          &lt;/div&gt;
      &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>if anyone could help me, that would be fantastic!
  thanks for considering my request</p>