我試圖創(chuàng)建一個類別選擇部分，包括6個選項。

這個產(chǎn)品選擇部分應該更靠左，但是沒有辦法把所有的東西都移動到一起

也許有一些關(guān)于如何通過改變更好地實現(xiàn)這一點的建議

<!---Search-->
<section id="search" class="my-5 py-5 ms-2">
  <div class="container mt-5 py-5">
  <p>Search Porducts</p>
  <hr>
  </div>

  <form action="shop.php" method="POST">
    <div class="row mx-auto container">
      <div class="col-lg-12 col-md-12 col-sm-12">


      <p>Category</p>
        <div class="form-check">
        <input class="form-check-input" value="clothes" type="radio" name="category" id="category_one" <?php if (isset($category) && $category == 'clothes') {echo 'checked';}?>>
           <label class="form-check-label" for="category_one">
          Clothes
        </label>
      </div>

      <div class="form-check">
        <input class="form-check-input" value="sunglasses" type="radio" name="category" id="category_two" <?php if (isset($category) && $category == 'sunglasses') {echo 'checked';}?>>
            <label class="form-check-label" for="category_two">
          Sunglasses
        </label>
      </div>

      <div class="form-check">
         <input class="form-check-input" value="shoes" type="radio" name="category" id="category_three" <?php if (isset($category) && $category == 'shoes') {echo 'checked';}?>>
            <label class="form-check-label" for="category_two">
          Shoes
        </label>
      </div>

      <div class="form-check">
         <input class="form-check-input" value="jackets" type="radio" name="category" id="category_four" <?php if (isset($category) && $category == 'jackets') {echo 'checked';}?>>
            <label class="form-check-label" for="category_two">
          Jackets
        </label>
      </div>

      <div class="form-check">
         <input class="form-check-input" value="watches" type="radio" name="category" id="category_four" <?php if (isset($category) && $category == 'watches') {echo 'checked';}?>>
            <label class="form-check-label" for="category_two">
          Watches
        </label>
      </div>

      <div class="form-check">
            <input class="form-check-input" value="bags" type="radio" name="category" id="category_five" <?php if (isset($category) && $category == 'bags') {echo 'checked';}?>>
            <label class="form-check-label" for="category_five">
          Bags
        </label>
      </div>


      </div>
    </div>


    <div class="row mx-auto container mt-5">
      <div class="col-lg-12 col-md-12 col-sm-12">

        <p>Price</p>
        <input type="range" class="form-range w-50" name="price" value="1000" min="1" max="1000" id="customRange2">
        <div class="w-50">
          <span style="float:left;">1</span>
          <span style="float:right;">1000</span>
        </div>
      </div>
    </div>

    <div class="form-group my-3 mx-3">
      <input type="submit" name="search" value="Search" class="btn btn-primary">
    </div>

  </form>
</section>

關(guān)于它應該是什么樣子以及我如何得到它的信息

它應該是這樣的

在我看來是這樣的

我試圖通過應用帶有樣式的css來改變代碼，但是沒有任何改變

要將產(chǎn)品選擇部分向左對齊，您可以進行以下調(diào)整:

通過調(diào)整& quotMS2 & quot；班級在開學& ltsection & gt標簽。例如，您可以將其更改為& quotms-0 & quot；使其與左邊距對齊。

在該部分中，確保容器div帶有類& quot集裝箱mt-5 py-5 & quot；也向左對齊。您可以調(diào)整CSS類或添加自定義樣式來實現(xiàn)這一點。

通過實施這些更改，產(chǎn)品選擇部分將更偏向左側(cè)。