Parcourir la source

Fix grid with one row and multiples columns - refs BT#14342

Works for .col-sm-6.col-md-4.col-lg-3
Angel Fernando Quiroz Campos il y a 6 ans
Parent
commit
f7f782b51e
1 fichiers modifiés avec 27 ajouts et 1 suppressions
  1. 27 1
      app/Resources/public/css/base.css

+ 27 - 1
app/Resources/public/css/base.css

@@ -9458,4 +9458,30 @@ ul.dropdown-menu.inner > li > a {
     margin: 16px 6px;
 }
 
-/* end document mp3 preview */
+/* end document mp3 preview */
+
+/* Fix grid with one row and multiples columns. Works for .col-sm-6.col-md-4.col-lg-3 */
+.row.clear-rows-6-4-3 {
+}
+@media (min-width: 768px) {
+    .clear-rows-6-4-3 .col-sm-6:nth-child(2n+1) {
+        clear: left;
+    }
+}
+@media (min-width: 992px) {
+    .clear-rows-6-4-3 .col-sm-6:nth-child(2n+1) {
+        clear: none;
+    }
+    .clear-rows-6-4-3 .col-sm-6:nth-child(3n+1) {
+        clear: left;
+    }
+}
+@media (min-width: 1200px) {
+    .clear-rows-6-4-3 .col-sm-6:nth-child(3n+1) {
+        clear: none;
+    }
+    .clear-rows-6-4-3 .col-sm-6:nth-child(4n+1) {
+        clear: left;
+    }
+}
+/*-------------------------------------------------------------------------------------*/