Listas

Muestra tu contenido listado de forma distinta a las nativas de HTML; dispones de un conjunto de clases para obtener distintos resultados.

Clase Descripción
.list-none Para uso en listas ul/ol, elimina los estilos, padding y margin.
.list-style-margin Para uso en listas ul/ol, elimina los padding y marcas de lista, manteniendo los margenes top y bottom.

-- Clase .list-none

Para su uso en un contenedor que envuelva varias listas, como también en listas individualmente; con esta clase, las listas pierden los margins, paddings y las marcas de lista que ofrece HTML.

  • Item 01
  • Item 02
  • Item 03
  1. Item a
  2. Item b
  3. Item c
  • Item 04
  • Item 05
  • Item 06
HTML - USO EN LISTAS AGRUPADAS 

    

        
    
            
  • Item 01
    • 
            
  • Item 02
    • 
            
  • Item 03
    • 
        

        
    
            
  1. Item a
    2. 
            
  2. Item b
    3. 
            
  3. Item c
    4. 
        

        
    
            
  • Item 04
    • 
            
  • Item 05
    • 
            
  • Item 06
    •
HTML - USO EN LISTA INDIVIDUAL 

    
    
        
  • Item 01 
    • 
        
  • Item 02 
    • 
        
  • Item 03 
    •

-- Clase .list-style-margin

Engloba un grupo de listas, respetando margin-top y margin-bottom, pero no mantiene paddings ni marcas de lista; También puede hacer uso en lista individual.

  • Item 01
  • Item 02
  • Item 03
  1. Item a
  2. Item b
  3. Item c
  • Item 04
  • Item 05
  • Item 06
HTML - USO EN LISTA AGRUPADAS 

    

        
    
            
  • Item 01
    • 
            
  • Item 02
    • 
            
  • Item 03
    • 
        

        
    
            
  1. Item a
    2. 
            
  2. Item b
    3. 
            
  3. Item c
    4. 
        

        
    
            
  • Item 04
    • 
            
  • Item 05
    • 
            
  • Item 06
    •
HTML - USO EN LISTA INDIVIDUAL 

    

        
    
            
  • Item 01
    • 
            
  • Item 02
    • 
            
  • Item 03
    •