Ich erstelle eine Seite im Bootstrap, in der ich 4 Spalten innerhalb einer Zeile verwende. Der Code:
%Vor%Ich habe jeder Spalte eine Klasse hinzugefügt, so dass jeder einen Rahmen haben kann.
%Vor%Das Problem ist, dass die Ränder durch die natürliche Rinne des Bootstrap-Gitters getrennt sein sollten und das nicht funktioniert.
Könnten Sie mir bitte helfen? Vielen Dank.
Sie können outline
-Eigenschaft verwenden. NO cliente
div wird benötigt.
Ich habe eine Version gemacht, die keine zusätzlichen Elemente benötigt, aber möglicherweise ungleiche Höhen hat:
Um bei der Lösung outline
zu expandieren, verwenden Sie box-shadow
:
Der Nachteil von box-shadow
gegenüber outline
ist, dass box-shadow
von jedem Browser an einer Subpixel-Position gerendert werden kann, während Umrisse und Rahmen am nächsten Pixel ausgerichtet werden. Wenn ein box-shadow
an einer Subpixelposition endet, wird es weich oder unscharf angezeigt. Die einzige Möglichkeit, dies zu vermeiden, besteht darin, sicherzustellen, dass Sie keine Dinge tun, die dazu führen, dass die Spalte an einer Subpixelposition ausgerichtet wird.
Tags und Links twitter-bootstrap border gutter