title: how to show divs in horizontal manner
body: <p>hi I wants to show these columns in horizontal manner but these are showing in vertical manner ow can I change it;</p>
  
  <p>blade file:</p>
  
  <pre><code>    &lt;div class="col-lg-3 mb-4"&gt;
              &lt;!-- Input &amp; Button Groups --&gt;
              @foreach($category-&gt;products as $pro_data)
              &lt;div class="card card-small mb-4"&gt;
                &lt;div class="card-header border-bottom"&gt;
                  &lt;h6 class="m-0"&gt;{{ $pro_data-&gt;product_name }}&lt;/h6&gt;
                &lt;/div&gt;
                &lt;ul class="list-group list-group-flush"&gt;
                  &lt;li class="list-group-item px-3"&gt;
                      &lt;div class="input-group mb-3"&gt;
  
                        &lt;div class="input-group input-group-seamless"&gt;
                           &lt;img src="{{ URL::to('/') }}/images/backend_images/category_images/{{ $pro_data-&gt;product_image }}" class="img-thumbnail" style="width: 400px; height: 300px;" /&gt;
                        &lt;/div&gt;
  
                      &lt;/div&gt;
                  &lt;/li&gt;
                &lt;/ul&gt;
              &lt;/div&gt;
              @endforeach
              &lt;!-- / Input &amp; Button Groups --&gt;
            &lt;/div&gt;
  </code></pre>