Dose Gutters deprecated in bootstrap 5

[mina20088]

i am tried to use Gutter to make spacing between cols in the below code but they did not work can any one help

<div class="container">
      <div class="row g-3">
        <div class="col-sm-6 col-md-2 col-lg-3 border border p-3">1/4</div>
        <div class="col-sm-6 col-md-2 col-lg-3 border border p-3">2/4</div>
        <div class="col-sm-6 col-md-2 col-lg-3 border border p-3">2/4</div>
        <div class="col-sm-6 col-md-2 col-lg-3 border border p-3">2/4</div>
        <div class="col-sm-6 col-md-2 col-lg-3 border border p-3">2/4</div>
      </div>
</div>

[coliff]

Gutters are working as expected, but there are a few issues in your code. You should have the content within a div within the column.. e.g.

<div class="container">
  <div class="row gx-5">
    <div class="col-sm-6 col-md-2 col-lg-3">
      <div class="border p-3">1/4</div>
    </div>
    <div class="col-sm-6 col-md-2 col-lg-3">
      <div class="border p-3">2/4</div>
    </div>
    <div class="col-sm-6 col-md-2 col-lg-3">
      <div class="border p-3">3/4</div>
    </div>
    <div class="col-sm-6 col-md-2 col-lg-3">
      <div class="border p-3">4/4</div>
    </div>
  </div>
</div>

Here's a working example:
https://codepen.io/coliff/pen/GRabWWq