Marge de tableau de bord brillante entre les boîtes

Question

Comment réduire l'espace entre les boîtes du tableau de bord brillant?

J'ai essayé ce qui suit:

.box-body{ 
    margin: 0 !important; 
    padding: 0 !important;} 

Mais cela semble ajouter une marge vers l'intérieur de la boîte. Ce que je veux, c'est réduire l'espace entre les boîtes de sorte que ces boîtes se touchent fondamentalement.

Answer 1

Voici les propriétés CSS qui causent vos boîtes à séparer la façon dont sont. Les classes col se trouvent dans bootstrap.css et .box dans AdminLTE.min.css.

.box { margin-bottom: 0; } 

[class*="col-lg-"],[class*="col-md-"], 
[class*="col-sm-"],[class*="col-xs-"]{ 
    padding-right:0 !important; 
    padding-left:0 !important; 
} 

Answer 2

Utilisez uniquement ce CSS:

[class*="col-lg-"],[class*="col-md-"], 
[class*="col-sm-"],[class*="col-xs-"]{ 
    padding-right:0 !important; 
    padding-left:0 !important; 
}