Fix: move row to drow for bootstrap compat

css/layouts.css

@@ -3,21 +3,21 @@
   justify-content: space-between;
 }
 
-.layouts-dashboards-1 .row {
+.layouts-dashboards-1 .drow {
   display: flex;
   flex-direction: column;
 }
 
-.layouts-dashboards-1 .row:first-child {
+.layouts-dashboards-1 .drow:first-child {
   flex: 1 3;
 }
 
-.layouts-dashboards-1 .row:last-child {
+.layouts-dashboards-1 .drow:last-child {
   flex: 2 3;
 }
 
-.layouts-dashboards-2 .row > div,
-.layouts-dashboards-1 .row > div {
+.layouts-dashboards-2 .drow > div,
+.layouts-dashboards-1 .drow > div {
   flex: 1;
   box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 4px 10px 0 rgba(0, 0, 0, 0.19);
   margin-right: 1em;
@@ -28,13 +28,13 @@
   display: flex;
 }
 
-.layouts-dashboards-2 .row {
+.layouts-dashboards-2 .drow {
   flex: 1;
   display: flex;
   flex-direction: column;
 }
 
-.layouts-dashboards-2 .row > div {
+.layouts-dashboards-2 .drow > div {
   flex-grow: 1;
 }
 

templates/layouts/layouts--1.html.twig

 <section {{ attributes.addClass('layouts-dashboards-1', 'layouts-dashboards') }}>
-  <div class="row">
+  <div class="drow">
     {% if content.one %}
     <div {{ region_attributes.one }}>
       {{ content.one }}
@@ -12,7 +12,7 @@
     {% endif %}
   </div>
   {% if content.three %}
-  <div class="row">
+  <div class="drow">
     <div {{ region_attributes.three }}>
       {{ content.three }}
     </div>

templates/layouts/layouts--2.html.twig

 <section {{ attributes.addClass('layouts-dashboards-2', 'layouts-dashboards') }}>
 {% if content.one %}
-  <div class="row">
+  <div class="drow">
     <div {{ region_attributes.one }}>
       {{ content.one }}
     </div>
   </div>
   {% endif %}
   {% if content.two %}
-  <div class="row">
+  <div class="drow">
     <div {{ region_attributes.two }}>
       {{ content.two }}
     </div>
   </div>
   {% endif %}
   {% if content.three %}
-  <div class="row">
+  <div class="drow">
     <div {{ region_attributes.three }}>
       {{ content.three }}
     </div>