2017-07-18 2 views
1

Wie kann ich den Abstand zwischen den Boxen im Shiny Dashboard verringern?Glänzender Armaturenbrettrand zwischen Boxen

Ich habe versucht, die folgenden:

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

aber das scheint eine Marge in Richtung der Innenseite der Box hinzuzufügen. Ich möchte den Abstand zwischen den Boxen so verkleinern, dass sich diese Boxen grundsätzlich berühren.

boxes example

+0

sollten Sie versuchen, diese: .box-body {margin: 0 wichtig;} – Rashid

+0

Hallo, was Sie suchen ist die Polsterung zu verringern:) –

+0

Wenn Sie den Link auf der Website veröffentlichen, wäre ich in der Lage, Ihnen dabei viel ausführlicher zu helfen –

Antwort

2

Hier sind die CSS-Eigenschaften, die die Boxen verursachen, wie die sind zu trennen. Die Col-Klassen befinden sich in bootstrap.css und .box in 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; 
} 
2

Verwenden Sie nur diese CSS:

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

Das ist eigentlich super cool, ich werde meine Antwort auch aktualisieren. –