#8839 Orchard Layouts Bootstrap 4 columns fix (#8840)

* #8839 update all col-xs-* in Orchard.Layouts module to just col-* to fix columns. col-xs-* was removed in Bootstrap 4. display:flex was also added to Row.less to counteract the display:block on all the divs between .row and the .col-*

* Remove unnecessary file update. Didn't mean to include this, it is part of the Bootstrap 3 source which is not used anymore.

* OrchardCMS#8839 fixes for the layout editor from the previous work. If multiple elements were in a column, they were displaying horizontally instead of vertically. In order to fix this and manage situations where there are nested rows, the CSS specification had to be high.

* Rebuild client-side assets

---------

Co-authored-by: Benedek Farkas <benedek.farkas@lombiq.com>

src/Orchard.Web/Modules/Orchard.Layouts/Assets/JavaScript/LayoutEditor/Services/ScopeConfigurator.js

@@ -228,8 +228,8 @@
                                             return $(e).height();
                                         }));
                                         for (i = 1; i <= 12; i++)
-                                            ui.placeholder.removeClass("col-xs-" + i);
-                                        ui.placeholder.addClass("col-xs-" + receivedColumn.width);
+                                            ui.placeholder.removeClass("col-" + i);
+                                        ui.placeholder.addClass("col-" + receivedColumn.width);
                                         if (maxHeight > 0) {
                                             ui.placeholder.height(maxHeight);
                                             ui.placeholder.css("min-height", 0);
@@ -321,8 +321,8 @@
                                 result.push("layout-row-full");
                         }
                         if (child.type == "Column") {
-                            result.push("col-xs-" + child.width);
-                            result.push("col-xs-offset-" + child.offset);
+                            result.push("col-" + child.width);
+                            result.push("col-offset-" + child.offset);
                         }
                         if (child.type == "Content")
                             result.push("layout-content-" + child.contentTypeClass);

src/Orchard.Web/Modules/Orchard.Layouts/Assets/Less/LayoutEditor/Row.less

@@ -17,5 +17,14 @@
                 }
             }
         }
+
+        > div > .layout-children {
+            display: flex;
+            flex-direction: row;
+        }
+    }
+
+    .layout-column > div > .layout-children {
+        flex-direction: column;
     }
 }