Image grille lignes html et css

Question

tout le monde, je suis en train d'ajouter une grille de produits à mon site Web avec une description. quelque chose Grid View comme ça? Comment je le ferais? De l'aide?

Answer 1

Vous pouvez utiliser le bootstrap Grid System.

<div class="fluid-container"> 
    <div class="row"> 
     <div class"col-lg-3 col-md-3 col-sm-6 col-xs-12"> 
     <div class"col-lg-3 col-md-3 col-sm-6 col-xs-12"> 
     <div class"col-lg-3 col-md-3 col-sm-6 col-xs-12"> 
     <div class"col-lg-3 col-md-3 col-sm-6 col-xs-12"> 
    </div> 
    <div class="row"> 
     <div class"col-lg-3 col-md-3 col-sm-6 col-xs-12"> 
     <div class"col-lg-3 col-md-3 col-sm-6 col-xs-12"> 
     <div class"col-lg-3 col-md-3 col-sm-6 col-xs-12"> 
     <div class"col-lg-3 col-md-3 col-sm-6 col-xs-12"> 
    </div> 
</div> 

Quick Bootstrap CDN

Answer 2

Avez-vous lié bootstrap à votre projet? si vous le faites, ils ont un bon système de grille facile à utiliser.

bootstrap grid system

<div class="row"> 
     <div class="col-sm-3"></div> 
     <div class="col-sm-3"></div> 
     <div class="col-sm-3"></div> 
     <div class="col-sm-3"></div> 
    </div>