Wie kann ich dieses Raster im Bootstrap erreichen?

Question

Was wird die Spaltendefinition im Bootstrap sein, um diese Art von UI zu erstellen?

ich WooCommerce bin mit meinem Speicher und bootstrap4 für das Netz zu handhaben.

Answer 1

Mit den bootstrap4 grid, die gut dokumentiert sind Sie das folgende Beispiel verwenden kann, eine Bootstrap-Version von Ihnen Beispiel

<div class="container"> 
    <div class="row"> 
     <div class="col-2"></div> 
     <div class="col-7"> 
      <div class="row"> 
       <div class="col"></div> 
       <div class="col"></div> 
       <div class="col"></div> 
      </div> 
      <div class="row"> 
       <div class="col"></div> 
       <div class="col"></div> 
       <div class="col"></div> 
      </div> 
     </div> 
     <div class="col-3"></div> 
    </div> 
</div> 

zu erreichen