diff --git a/app_account_superbar/static/description/index.html b/app_account_superbar/static/description/index.html
index d338c7e9..a51de388 100644
--- a/app_account_superbar/static/description/index.html
+++ b/app_account_superbar/static/description/index.html
@@ -31,7 +31,7 @@
 
 <section class="oe_container container">
     <div class="oe_row">
-        <div class="oe_span12">
+        <div class="row">
             <img class="oe_demo oe_screenshot img img-fluid" src="banner.png">
         </div>
         <div class="oe_span12 oe_spaced">
@@ -169,23 +169,23 @@
     <div class="oe_row oe_spaced">
         <h2>&nbsp;</h2>
         <h2 class="bg-warning text-center pt8 pb8">How to use! This app do need extra module. The price already included</h2>
-        <div class="oe_span12">
+        <div class="row">
             <h4 class="oe_slogan oe_spaced">1. Buy and Install zTree widget.
                 <a href="http://www.odoo.com/apps/modules/16.0/app_web_widget_ztree/" target="_blank">
                     <i class="fa fa-download text-warning"></i>Click to download.
                 </a>
             </h4>
         </div>
-        <div class="oe_span12">
+        <div class="row">
             <h4 class="oe_slogan oe_spaced">2. Buy and Install <a href="http://www.odoo.com/apps/modules/16.0/app_web_superbar/" target="_blank">app_web_superbar. </a> <span class="text-warning">Important! Reboot odoo after installed.</span>
             </h4>
         </div>
-        <div class="oe_span12">
+        <div class="row">
             <h4 class="oe_slogan oe_spaced">3. Easy use of superbar</h4>
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Show superbar in list view.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use7.jpg">
                 </div>
@@ -193,7 +193,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Show superbar in kanban view.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use8.jpg">
                 </div>
@@ -201,7 +201,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Show superbar in pivot view.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use9.jpg">
                 </div>
@@ -209,7 +209,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Show superbar in graph view.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="usea.jpg">
                 </div>
@@ -217,7 +217,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Click switch to show or hide superbar.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use1.jpg">
                 </div>
@@ -225,7 +225,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Click checkbox to set whether to show child nodes data.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use2.jpg">
                 </div>
@@ -233,7 +233,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Press Ctrl(Windows) / Cmd(Mac) to Select Multi Nodes</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use3.jpg">
                 </div>
@@ -241,7 +241,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Set multi field to search or filter</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use4.jpg">
                 </div>
@@ -249,15 +249,15 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Set super bar position, left or right.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use5.jpg">
                 </div>
             </div>
         </div>
-        <div class="oe_span12">
+        <div class="row">
             <h4 class="oe_slogan oe_spaced">4. If you want to customize, Use follow param to setup widget(Extra pay for support):</h4>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="superbar_use.gif">
                 </div>
@@ -278,7 +278,7 @@
 
  <section class="container oe_dark">
     <div class="oe_row oe_spaced text-center">
-        <div class="oe_span12">
+        <div class="row">
             <h2 class="oe_slogan">Technical Help & Support</h2>
         </div>
         <div class="col-md-12 pad0">
diff --git a/app_account_ztree/static/description/index.html b/app_account_ztree/static/description/index.html
index b659abbe..40c85672 100644
--- a/app_account_ztree/static/description/index.html
+++ b/app_account_ztree/static/description/index.html
@@ -7,7 +7,7 @@
 
 <section class="oe_container container">
     <div class="oe_row oe_spaced">
-        <div class="oe_span12">
+        <div class="row">
             <div class="alert alert-info" style="padding:8px;font-weight: 300; font-size: 20px;">
                 <i class="fa fa-hand-o-right"></i><b> Key features: </b>
                 <ul class="list-unstyled">
@@ -152,7 +152,7 @@
 </section>
  <section class="container oe_dark">
     <div class="oe_row oe_spaced text-center">
-        <div class="oe_span12">
+        <div class="row">
             <h2 class="oe_slogan">Technical Help & Support</h2>
         </div>
         <div class="col-md-12 pad0">
diff --git a/app_ai_bard/static/description/index.html b/app_ai_bard/static/description/index.html
index be35d0ce..9bd7f092 100644
--- a/app_ai_bard/static/description/index.html
+++ b/app_ai_bard/static/description/index.html
@@ -1,18 +1,18 @@
 <section class="oe_container container">
     <div class="oe_row oe_spaced" >
-        <div class="oe_span12">
+        <div class="row">
             <h2 class="oe_slogan"> Google Bard Ai for odoo ai center</h2>
             <h3 class="oe_slogan"> Ai center addons. all aigc in one. </h3>
             <div class="oe_row">
                 <h3>Lastest update: v16.23.07.29</h3>
-                <div class="oe_span12">
+                <div class="row">
                     <div class="row">
                         <img class=""  src="bard.gif">
                         Add google bard support, update chatgpt api</div>
                     <img class="oe_demo  oe_screenshot img img-fluid" src="demo02.jpg">
                 </div>
                 <h3>Lastest update: v16.23.03.16</h3>
-                <div class="oe_span12">
+                <div class="row">
                     <img class="oe_demo  oe_screenshot img img-fluid"  style="max-height: 100%;" src="banner.png">
                 </div>
                 <div class="oe_span12 oe_spaced">
@@ -227,7 +227,7 @@
 
  <section class="container oe_dark">
     <div class="oe_row oe_spaced text-center">
-        <div class="oe_span12">
+        <div class="row">
             <h2 class="oe_slogan">Technical Help & Support</h2>
         </div>
         <div class="col-md-12 pad0">
diff --git a/app_auto_backup/static/description/index.html b/app_auto_backup/static/description/index.html
index fc8d4c63..52d76ca3 100644
--- a/app_auto_backup/static/description/index.html
+++ b/app_auto_backup/static/description/index.html
@@ -1,6 +1,6 @@
 <section class="oe_container container">
     <div class="oe_row oe_spaced">
-        <div class="oe_span12">
+        <div class="row">
             <h2 class="oe_slogan">Database Automated backups</h2>
             <p>optimized from auto_backup of Yenthe Van Ginneken</p>
             <h3 class="oe_slogan">A tool for all your back-ups, internal and external!</h3>
@@ -44,7 +44,7 @@
 <!--Third block -->
 <section class="oe_container container">
     <div class="oe_row oe_spaced">
-        <div class="oe_span12">
+        <div class="row">
             <h2 class="oe_slogan">Test connection</h2>
             <h3 class="oe_slogan">Checks your credentials in one click</h3>
         </div>
@@ -82,7 +82,7 @@
 <!--Fifth block -->
 <section class="oe_container container">
     <div class="oe_row oe_spaced">
-        <div class="oe_span12">
+        <div class="row">
             <h2 class="oe_slogan">Contact / Support</h2>
             <h3 class="oe_slogan">Need help or want extra features?</h3>
         </div>
diff --git a/app_base_chinese/static/description/index.html b/app_base_chinese/static/description/index.html
index a122379a..7d535598 100644
--- a/app_base_chinese/static/description/index.html
+++ b/app_base_chinese/static/description/index.html
@@ -1,6 +1,6 @@
 <section class="oe_container container">
     <div class="oe_row oe_spaced" >
-        <div class="oe_span12">
+        <div class="row">
             <h2 class="oe_slogan">Chinese Enhance All in One。 Local customize for china user </h2>
             <h3 class="oe_slogan">20+ chinese setting enhance.</h3>
             <div class="oe_row">
@@ -84,7 +84,7 @@
                         </ul>
                     </div>
                 </div>
-                <div class="oe_span12">
+                <div class="row">
                     <img class="oe_demo oe_screenshot img img-fluid" src="cnreadme.png">
                 </div>
             </div>
@@ -122,7 +122,7 @@
 
  <section class="container oe_dark">
     <div class="oe_row oe_spaced text-center">
-        <div class="oe_span12">
+        <div class="row">
             <h2 class="oe_slogan">Technical Help & Support</h2>
         </div>
         <div class="col-md-12 pad0">
diff --git a/app_base_superbar/static/description/index.html b/app_base_superbar/static/description/index.html
index ac642548..497d3246 100644
--- a/app_base_superbar/static/description/index.html
+++ b/app_base_superbar/static/description/index.html
@@ -354,23 +354,23 @@
     <div class="oe_row oe_spaced">
         <h2>&nbsp;</h2>
         <h2 class="bg-warning text-center pt8 pb8">How to use! This app do need extra module. The price already included</h2>
-        <div class="oe_span12">
+        <div class="row">
             <h4 class="oe_slogan oe_spaced">1. Buy and Install zTree widget.
                 <a href="http://www.odoo.com/apps/modules/16.0/app_web_widget_ztree/" target="_blank">
                     <i class="fa fa-download text-warning"></i>Click to download.
                 </a>
             </h4>
         </div>
-        <div class="oe_span12">
+        <div class="row">
             <h4 class="oe_slogan oe_spaced">2. Buy and Install <a href="http://www.odoo.com/apps/modules/16.0/app_web_superbar/" target="_blank">app_web_superbar. </a> <span class="text-warning">Important! Reboot odoo after installed.</span>
             </h4>
         </div>
-        <div class="oe_span12">
+        <div class="row">
             <h4 class="oe_slogan oe_spaced">3. Easy use of superbar</h4>
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Show superbar in list view.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use7.jpg">
                 </div>
@@ -378,7 +378,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Show superbar in kanban view.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use8.jpg">
                 </div>
@@ -386,7 +386,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Show superbar in pivot view.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use9.jpg">
                 </div>
@@ -394,7 +394,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Show superbar in graph view.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="usea.jpg">
                 </div>
@@ -402,7 +402,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Click switch to show or hide superbar.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use1.jpg">
                 </div>
@@ -410,7 +410,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Click checkbox to set whether to show child nodes data.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use2.jpg">
                 </div>
@@ -418,7 +418,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Press Ctrl(Windows) / Cmd(Mac) to Select Multi Nodes</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use3.jpg">
                 </div>
@@ -426,7 +426,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Set multi field to search or filter</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use4.jpg">
                 </div>
@@ -434,15 +434,15 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Set super bar position, left or right.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use5.jpg">
                 </div>
             </div>
         </div>
-        <div class="oe_span12">
+        <div class="row">
             <h4 class="oe_slogan oe_spaced">4. If you want to customize, Use follow param to setup widget(Extra pay for support):</h4>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="superbar_use.gif">
                 </div>
@@ -466,7 +466,7 @@
 
  <section class="container oe_dark">
     <div class="oe_row oe_spaced text-center">
-        <div class="oe_span12">
+        <div class="row">
             <h2 class="oe_slogan">Technical Help & Support</h2>
         </div>
         <div class="col-md-12 pad0">
diff --git a/app_chatgpt/static/description/index.html b/app_chatgpt/static/description/index.html
index cd4760cb..d8755e38 100644
--- a/app_chatgpt/static/description/index.html
+++ b/app_chatgpt/static/description/index.html
@@ -1,11 +1,11 @@
 <section class="oe_container container">
     <div class="oe_row oe_spaced" >
-        <div class="oe_span12">
+        <div class="row">
             <h2 class="oe_slogan"> Latest ChatGPT AI Center. GPT 3.5, Dall-E Image.Multi Robot Support. Chat and Training </h2>
             <h3 class="oe_slogan"> Support chatgpt 4 image. 3.5 turbo, text-davinci, DALL·E, Integration All ChatGpt Api. </h3>
             <div class="oe_row">
                 <h3>Lastest update: v16.23.07.29</h3>
-                <div class="oe_span12">
+                <div class="row">
                     <div class="row">
                         <img class=""  src="bard.gif">
                         Add google bard support(search 'app_ai_bard'), update chatgpt api
@@ -13,7 +13,7 @@
                     <img class="oe_demo  oe_screenshot img img-fluid" src="demo02.jpg">
                 </div>
                 <h3>Lastest update: v16.23.03.16</h3>
-                <div class="oe_span12">
+                <div class="row">
                     <img class="oe_demo  oe_screenshot img img-fluid"  style="max-height: 100%;" src="banner.png">
                 </div>
                 <div class="oe_span12 oe_spaced">
@@ -228,7 +228,7 @@
 
  <section class="container oe_dark">
     <div class="oe_row oe_spaced text-center">
-        <div class="oe_span12">
+        <div class="row">
             <h2 class="oe_slogan">Technical Help & Support</h2>
         </div>
         <div class="col-md-12 pad0">
diff --git a/app_common/static/description/index.html b/app_common/static/description/index.html
index ff1fec4c..470449b3 100644
--- a/app_common/static/description/index.html
+++ b/app_common/static/description/index.html
@@ -1,11 +1,11 @@
 <section class="oe_container container">
     <div class="oe_row oe_spaced" >
-        <div class="oe_span12">
+        <div class="row">
             <h2 class="oe_slogan"> </h2>
             <h3 class="oe_slogan"> </h3>
             <div class="oe_row">
                 <h3>Lastest update: v16.22.02.02</h3>
-                <div class="oe_span12">
+                <div class="row">
                     <img class="oe_demo  oe_screenshot img img-fluid"  style="max-height: 100%;" src="banner.png">
                 </div>
                 <div class="oe_span12 oe_spaced">
@@ -69,7 +69,7 @@
 
  <section class="container oe_dark">
     <div class="oe_row oe_spaced text-center">
-        <div class="oe_span12">
+        <div class="row">
             <h2 class="oe_slogan">Technical Help & Support</h2>
         </div>
         <div class="col-md-12 pad0">
diff --git a/app_contacts_superbar/static/description/index.html b/app_contacts_superbar/static/description/index.html
index e9da2059..a33c0969 100644
--- a/app_contacts_superbar/static/description/index.html
+++ b/app_contacts_superbar/static/description/index.html
@@ -30,7 +30,7 @@
 
 <section class="oe_container container">
     <div class="oe_row">
-        <div class="oe_span12">
+        <div class="row">
             <img class="oe_demo oe_screenshot img img-fluid" src="banner.png">
         </div>
         <div class="oe_span12 oe_spaced">
@@ -168,23 +168,23 @@
     <div class="oe_row oe_spaced">
         <h2>&nbsp;</h2>
         <h2 class="bg-warning text-center pt8 pb8">How to use! This app do need extra module. The price already included</h2>
-        <div class="oe_span12">
+        <div class="row">
             <h4 class="oe_slogan oe_spaced">1. Buy and Install zTree widget.
                 <a href="http://www.odoo.com/apps/modules/16.0/app_web_widget_ztree/" target="_blank">
                     <i class="fa fa-download text-warning"></i>Click to download.
                 </a>
             </h4>
         </div>
-        <div class="oe_span12">
+        <div class="row">
             <h4 class="oe_slogan oe_spaced">2. Buy and Install <a href="http://www.odoo.com/apps/modules/16.0/app_web_superbar/" target="_blank">app_web_superbar. </a> <span class="text-warning">Important! Reboot odoo after installed.</span>
             </h4>
         </div>
-        <div class="oe_span12">
+        <div class="row">
             <h4 class="oe_slogan oe_spaced">3. Easy use of superbar</h4>
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Show superbar in list view.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use7.jpg">
                 </div>
@@ -192,7 +192,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Show superbar in kanban view.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use8.jpg">
                 </div>
@@ -200,7 +200,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Show superbar in pivot view.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use9.jpg">
                 </div>
@@ -208,7 +208,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Show superbar in graph view.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="usea.jpg">
                 </div>
@@ -216,7 +216,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Click switch to show or hide superbar.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use1.jpg">
                 </div>
@@ -224,7 +224,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Click checkbox to set whether to show child nodes data.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use2.jpg">
                 </div>
@@ -232,7 +232,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Press Ctrl(Windows) / Cmd(Mac) to Select Multi Nodes</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use3.jpg">
                 </div>
@@ -240,7 +240,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Set multi field to search or filter</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use4.jpg">
                 </div>
@@ -248,15 +248,15 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Set super bar position, left or right.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use5.jpg">
                 </div>
             </div>
         </div>
-        <div class="oe_span12">
+        <div class="row">
             <h4 class="oe_slogan oe_spaced">4. If you want to customize, Use follow param to setup widget(Extra pay for support):</h4>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="superbar_use.gif">
                 </div>
@@ -277,7 +277,7 @@
 
  <section class="container oe_dark">
     <div class="oe_row oe_spaced text-center">
-        <div class="oe_span12">
+        <div class="row">
             <h2 class="oe_slogan">Technical Help & Support</h2>
         </div>
         <div class="col-md-12 pad0">
diff --git a/app_contacts_superbar_pro/static/description/index.html b/app_contacts_superbar_pro/static/description/index.html
index e9da2059..a33c0969 100644
--- a/app_contacts_superbar_pro/static/description/index.html
+++ b/app_contacts_superbar_pro/static/description/index.html
@@ -30,7 +30,7 @@
 
 <section class="oe_container container">
     <div class="oe_row">
-        <div class="oe_span12">
+        <div class="row">
             <img class="oe_demo oe_screenshot img img-fluid" src="banner.png">
         </div>
         <div class="oe_span12 oe_spaced">
@@ -168,23 +168,23 @@
     <div class="oe_row oe_spaced">
         <h2>&nbsp;</h2>
         <h2 class="bg-warning text-center pt8 pb8">How to use! This app do need extra module. The price already included</h2>
-        <div class="oe_span12">
+        <div class="row">
             <h4 class="oe_slogan oe_spaced">1. Buy and Install zTree widget.
                 <a href="http://www.odoo.com/apps/modules/16.0/app_web_widget_ztree/" target="_blank">
                     <i class="fa fa-download text-warning"></i>Click to download.
                 </a>
             </h4>
         </div>
-        <div class="oe_span12">
+        <div class="row">
             <h4 class="oe_slogan oe_spaced">2. Buy and Install <a href="http://www.odoo.com/apps/modules/16.0/app_web_superbar/" target="_blank">app_web_superbar. </a> <span class="text-warning">Important! Reboot odoo after installed.</span>
             </h4>
         </div>
-        <div class="oe_span12">
+        <div class="row">
             <h4 class="oe_slogan oe_spaced">3. Easy use of superbar</h4>
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Show superbar in list view.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use7.jpg">
                 </div>
@@ -192,7 +192,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Show superbar in kanban view.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use8.jpg">
                 </div>
@@ -200,7 +200,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Show superbar in pivot view.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use9.jpg">
                 </div>
@@ -208,7 +208,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Show superbar in graph view.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="usea.jpg">
                 </div>
@@ -216,7 +216,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Click switch to show or hide superbar.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use1.jpg">
                 </div>
@@ -224,7 +224,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Click checkbox to set whether to show child nodes data.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use2.jpg">
                 </div>
@@ -232,7 +232,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Press Ctrl(Windows) / Cmd(Mac) to Select Multi Nodes</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use3.jpg">
                 </div>
@@ -240,7 +240,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Set multi field to search or filter</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use4.jpg">
                 </div>
@@ -248,15 +248,15 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Set super bar position, left or right.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use5.jpg">
                 </div>
             </div>
         </div>
-        <div class="oe_span12">
+        <div class="row">
             <h4 class="oe_slogan oe_spaced">4. If you want to customize, Use follow param to setup widget(Extra pay for support):</h4>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="superbar_use.gif">
                 </div>
@@ -277,7 +277,7 @@
 
  <section class="container oe_dark">
     <div class="oe_row oe_spaced text-center">
-        <div class="oe_span12">
+        <div class="row">
             <h2 class="oe_slogan">Technical Help & Support</h2>
         </div>
         <div class="col-md-12 pad0">
diff --git a/app_crm_superbar/static/description/index.html b/app_crm_superbar/static/description/index.html
index 2587bd66..2bcc8a2f 100644
--- a/app_crm_superbar/static/description/index.html
+++ b/app_crm_superbar/static/description/index.html
@@ -446,7 +446,7 @@
             1. Buy and Install <a href="http://www.odoo.com/apps/modules/16.0/app_web_superbar/" target="_blank">app_web_superbar. </a>
         </h4>
         <h4 class="pt16">2. Easy use of superbar</h4>
-        <div class="oe_span12">
+        <div class="row">
             <h4 class="pt16">Show superbar in list view.</h4>
             <div class="oe_demo oe_screenshot img img-fluid">
                 <img src="../app_web_superbar/use7.jpg">
@@ -465,7 +465,7 @@
             </div>
         </div>
         <h4 class="pt16">3. If you want to customize, Use follow param to setup widget(Extra pay for support):</h4>
-        <div class="oe_span12">
+        <div class="row">
             <div class="oe_demo oe_screenshot img img-fluid">
                 <img src="../app_web_superbar/superbar_use.png">
             </div>
@@ -477,7 +477,7 @@
 <!-- begin support-->
 <section class="container oe_dark">
     <div class="oe_row oe_spaced text-center">
-        <div class="oe_span12">
+        <div class="row">
             <h2 class="oe_slogan">Technical Help & Support</h2>
         </div>
         <div class="col-md-12 pad0">
diff --git a/app_hr_superbar/static/description/index.html b/app_hr_superbar/static/description/index.html
index b989e04f..01af9422 100644
--- a/app_hr_superbar/static/description/index.html
+++ b/app_hr_superbar/static/description/index.html
@@ -31,7 +31,7 @@
 
 <section class="oe_container container">
     <div class="oe_row">
-        <div class="oe_span12">
+        <div class="row">
             <img class="oe_demo oe_screenshot img img-fluid" src="hr2.gif">
         </div>
         <div class="oe_span12 oe_spaced">
@@ -191,23 +191,23 @@
     <div class="oe_row oe_spaced">
         <h2>&nbsp;</h2>
         <h2 class="bg-warning text-center pt8 pb8">How to use! This app do need extra module. The price already included</h2>
-        <div class="oe_span12">
+        <div class="row">
             <h4 class="oe_slogan oe_spaced">1. Buy and Install zTree widget.
                 <a href="http://www.odoo.com/apps/modules/16.0/app_web_widget_ztree/" target="_blank">
                     <i class="fa fa-download text-warning"></i>Click to download.
                 </a>
             </h4>
         </div>
-        <div class="oe_span12">
+        <div class="row">
             <h4 class="oe_slogan oe_spaced">2. Buy and Install <a href="http://www.odoo.com/apps/modules/16.0/app_web_superbar/" target="_blank">app_web_superbar. </a> <span class="text-warning">Important! Reboot odoo after installed.</span>
             </h4>
         </div>
-        <div class="oe_span12">
+        <div class="row">
             <h4 class="oe_slogan oe_spaced">3. Easy use of superbar</h4>
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Show superbar in list view.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use7.jpg">
                 </div>
@@ -215,7 +215,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Show superbar in kanban view.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use8.jpg">
                 </div>
@@ -223,7 +223,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Show superbar in pivot view.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use9.jpg">
                 </div>
@@ -231,7 +231,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Show superbar in graph view.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="usea.jpg">
                 </div>
@@ -239,7 +239,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Click switch to show or hide superbar.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use1.jpg">
                 </div>
@@ -247,7 +247,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Click checkbox to set whether to show child nodes data.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use2.jpg">
                 </div>
@@ -255,7 +255,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Press Ctrl(Windows) / Cmd(Mac) to Select Multi Nodes</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use3.jpg">
                 </div>
@@ -263,7 +263,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Set multi field to search or filter</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use4.jpg">
                 </div>
@@ -271,15 +271,15 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Set super bar position, left or right.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use5.jpg">
                 </div>
             </div>
         </div>
-        <div class="oe_span12">
+        <div class="row">
             <h4 class="oe_slogan oe_spaced">4. If you want to customize, Use follow param to setup widget(Extra pay for support):</h4>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="superbar_use.gif">
                 </div>
@@ -300,7 +300,7 @@
 
  <section class="container oe_dark">
     <div class="oe_row oe_spaced text-center">
-        <div class="oe_span12">
+        <div class="row">
             <h2 class="oe_slogan">Technical Help & Support</h2>
         </div>
         <div class="col-md-12 pad0">
diff --git a/app_mail_superbar/static/description/index.html b/app_mail_superbar/static/description/index.html
index be596e13..dc429e5d 100644
--- a/app_mail_superbar/static/description/index.html
+++ b/app_mail_superbar/static/description/index.html
@@ -58,7 +58,7 @@
 </section>
 <section class="oe_container container">
     <div class="oe_row">
-        <div class="oe_span12">
+        <div class="row">
             <img class="oe_demo oe_screenshot img img-fluid" src="http://www.odoo.com/apps/modules/16.0/app_web_superbar/superbar.gif">
         </div>
         <h3 class="oe_slogan">Advance Search, Advance Filter with Parent Children Tree.</h3>
@@ -352,23 +352,23 @@
     <div class="oe_row oe_spaced">
         <h2>&nbsp;</h2>
         <h2 class="bg-warning text-center pt8 pb8">How to use! This app do need extra module. The price already included</h2>
-        <div class="oe_span12">
+        <div class="row">
             <h4 class="oe_slogan oe_spaced">1. Buy and Install zTree widget.
                 <a href="http://www.odoo.com/apps/modules/16.0/app_web_widget_ztree/" target="_blank">
                     <i class="fa fa-download text-warning"></i>Click to download.
                 </a>
             </h4>
         </div>
-        <div class="oe_span12">
+        <div class="row">
             <h4 class="oe_slogan oe_spaced">2. Buy and Install <a href="http://www.odoo.com/apps/modules/16.0/app_web_superbar/" target="_blank">app_web_superbar. </a> <span class="text-warning">Important! Reboot odoo after installed.</span>
             </h4>
         </div>
-        <div class="oe_span12">
+        <div class="row">
             <h4 class="oe_slogan oe_spaced">3. Easy use of superbar</h4>
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Show superbar in list view.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use7.jpg">
                 </div>
@@ -376,7 +376,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Show superbar in kanban view.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use8.jpg">
                 </div>
@@ -384,7 +384,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Show superbar in pivot view.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use9.jpg">
                 </div>
@@ -392,7 +392,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Show superbar in graph view.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="usea.jpg">
                 </div>
@@ -400,7 +400,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Click switch to show or hide superbar.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use1.jpg">
                 </div>
@@ -408,7 +408,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Click checkbox to set whether to show child nodes data.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use2.jpg">
                 </div>
@@ -416,7 +416,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Press Ctrl(Windows) / Cmd(Mac) to Select Multi Nodes</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use3.jpg">
                 </div>
@@ -424,7 +424,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Set multi field to search or filter</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use4.jpg">
                 </div>
@@ -432,15 +432,15 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Set super bar position, left or right.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use5.jpg">
                 </div>
             </div>
         </div>
-        <div class="oe_span12">
+        <div class="row">
             <h4 class="oe_slogan oe_spaced">4. If you want to customize, Use follow param to setup widget(Extra pay for support):</h4>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="superbar_use.gif">
                 </div>
@@ -464,7 +464,7 @@
 
  <section class="container oe_dark">
     <div class="oe_row oe_spaced text-center">
-        <div class="oe_span12">
+        <div class="row">
             <h2 class="oe_slogan">Technical Help & Support</h2>
         </div>
         <div class="col-md-12 pad0">
diff --git a/app_mrp_superbar/static/description/index.html b/app_mrp_superbar/static/description/index.html
index 3e65692c..41612d3d 100644
--- a/app_mrp_superbar/static/description/index.html
+++ b/app_mrp_superbar/static/description/index.html
@@ -29,7 +29,7 @@
 
 <section class="oe_container container">
     <div class="oe_row">
-        <div class="oe_span12">
+        <div class="row">
             <img class="oe_demo oe_screenshot img img-fluid" src="mrp1.gif">
         </div>
         <h3 class="oe_slogan">Easy to navigator and browse any data. Support list, kanban, pivot, graph view. </h3>
@@ -260,23 +260,23 @@
     <div class="oe_row oe_spaced">
         <h2>&nbsp;</h2>
         <h2 class="bg-warning text-center pt8 pb8">How to use! This app do need extra module. The price already included</h2>
-        <div class="oe_span12">
+        <div class="row">
             <h4 class="oe_slogan oe_spaced">1. Buy and Install zTree widget.
                 <a href="http://www.odoo.com/apps/modules/16.0/app_web_widget_ztree/" target="_blank">
                     <i class="fa fa-download text-warning"></i>Click to download.
                 </a>
             </h4>
         </div>
-        <div class="oe_span12">
+        <div class="row">
             <h4 class="oe_slogan oe_spaced">2. Buy and Install <a href="http://www.odoo.com/apps/modules/16.0/app_web_superbar/" target="_blank">app_web_superbar. </a> <span class="text-warning">Important! Reboot odoo after installed.</span>
             </h4>
         </div>
-        <div class="oe_span12">
+        <div class="row">
             <h4 class="oe_slogan oe_spaced">3. Easy use of superbar</h4>
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Show superbar in list view.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use7.jpg">
                 </div>
@@ -284,7 +284,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Show superbar in kanban view.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use8.jpg">
                 </div>
@@ -292,7 +292,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Show superbar in pivot view.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use9.jpg">
                 </div>
@@ -300,7 +300,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Show superbar in graph view.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="usea.jpg">
                 </div>
@@ -308,7 +308,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Click switch to show or hide superbar.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use1.jpg">
                 </div>
@@ -316,7 +316,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Click checkbox to set whether to show child nodes data.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use2.jpg">
                 </div>
@@ -324,7 +324,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Press Ctrl(Windows) / Cmd(Mac) to Select Multi Nodes</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use3.jpg">
                 </div>
@@ -332,7 +332,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Set multi field to search or filter</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use4.jpg">
                 </div>
@@ -340,15 +340,15 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Set super bar position, left or right.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use5.jpg">
                 </div>
             </div>
         </div>
-        <div class="oe_span12">
+        <div class="row">
             <h4 class="oe_slogan oe_spaced">4. If you want to customize, Use follow param to setup widget(Extra pay for support):</h4>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="superbar_use.gif">
                 </div>
@@ -372,7 +372,7 @@
 
  <section class="container oe_dark">
     <div class="oe_row oe_spaced text-center">
-        <div class="oe_span12">
+        <div class="row">
             <h2 class="oe_slogan">Technical Help & Support</h2>
         </div>
         <div class="col-md-12 pad0">
diff --git a/app_odoo_customize/static/description/index.html b/app_odoo_customize/static/description/index.html
index 6de08f3b..d65be051 100644
--- a/app_odoo_customize/static/description/index.html
+++ b/app_odoo_customize/static/description/index.html
@@ -9,7 +9,7 @@
 <!-- Modules Title and brief -->
 <section class="container app">
     <div class="oe_row oe_spaced" style="max-width: 95%;">
-        <div class="oe_span12">
+        <div class="row">
             <h2 class="oe_slogan">odoo Tweak,Boost,Customize All in One. Customize,UI,Boost,Security,Data,Development Enhance</h2>
             <h4 class="mt8">
                 If you are using odoo enterprise.<br>
@@ -53,7 +53,7 @@
 
 <section class="container app">
     <div class="oe_row oe_spaced" style="max-width: 95%;">
-        <div class="oe_span12">
+        <div class="row">
             <h2 class="oe_slogan">This is a Long Term Support Apps.</h2>
             <div class="oe_demo" style=" margin: 30px auto 0; padding: 0 15px 0 0; border:none; width: 96%;">
                 <h3>Update: v16.23.08.24</h3>
@@ -395,7 +395,7 @@
 
 <section class="container oe_dark">
     <div class="oe_row oe_spaced text-center">
-        <div class="oe_span12">
+        <div class="row">
             <h2 class="oe_slogan">Technical Help & Support</h2>
         </div>
         <div class="col-md-12 pad0">
diff --git a/app_odoo_customize/static/description/index_cn.html b/app_odoo_customize/static/description/index_cn.html
index b41d0c3f..e6de94f8 100644
--- a/app_odoo_customize/static/description/index_cn.html
+++ b/app_odoo_customize/static/description/index_cn.html
@@ -1,6 +1,6 @@
 <section class="oe_container app">
     <div class="oe_row oe_spaced" style="max-width: 95%;">
-        <div class="oe_span12">
+        <div class="row">
             <h2 class="oe_slogan">odoo全面增强,oem配置,界面增强,安全增强,数据增强45项功能</h2>
             <h4 class="mt8">
                 If you are using odoo enterprise.<br>
@@ -44,7 +44,7 @@
 
 <section class="oe_container app">
     <div class="oe_row oe_spaced" style="max-width: 95%;">
-        <div class="oe_span12">
+        <div class="row">
             <h2 class="oe_slogan">这是一个长期更新维护的odoo应用模块</h2>
             <div class="oe_demo" style=" margin: 30px auto 0; padding: 0 15px 0 0; border:none; width: 96%;">
                 <h3>Update: v16.23.08.24</h3>
@@ -385,7 +385,7 @@
 
  <section class="container oe_dark">
     <div class="oe_row oe_spaced text-center">
-        <div class="oe_span12">
+        <div class="row">
             <h2 class="oe_slogan">Technical Help & Support</h2>
         </div>
         <div class="col-md-12 pad0">
diff --git a/app_pos_superbar/static/description/index.html b/app_pos_superbar/static/description/index.html
index fdc2d3a2..d5f2c618 100644
--- a/app_pos_superbar/static/description/index.html
+++ b/app_pos_superbar/static/description/index.html
@@ -276,23 +276,23 @@
     <div class="oe_row oe_spaced">
         <h2>&nbsp;</h2>
         <h2 class="bg-warning text-center pt8 pb8">How to use! This app do need extra module. The price already included</h2>
-        <div class="oe_span12">
+        <div class="row">
             <h4 class="oe_slogan oe_spaced">1. Buy and Install zTree widget.
                 <a href="http://www.odoo.com/apps/modules/16.0/app_web_widget_ztree/" target="_blank">
                     <i class="fa fa-download text-warning"></i>Click to download.
                 </a>
             </h4>
         </div>
-        <div class="oe_span12">
+        <div class="row">
             <h4 class="oe_slogan oe_spaced">2. Buy and Install <a href="http://www.odoo.com/apps/modules/16.0/app_web_superbar/" target="_blank">app_web_superbar. </a> <span class="text-warning">Important! Reboot odoo after installed.</span>
             </h4>
         </div>
-        <div class="oe_span12">
+        <div class="row">
             <h4 class="oe_slogan oe_spaced">3. Easy use of superbar</h4>
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Show superbar in list view.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use7.jpg">
                 </div>
@@ -300,7 +300,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Show superbar in kanban view.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use8.jpg">
                 </div>
@@ -308,7 +308,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Show superbar in pivot view.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use9.jpg">
                 </div>
@@ -316,7 +316,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Show superbar in graph view.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="usea.jpg">
                 </div>
@@ -324,7 +324,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Click switch to show or hide superbar.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use1.jpg">
                 </div>
@@ -332,7 +332,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Click checkbox to set whether to show child nodes data.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use2.jpg">
                 </div>
@@ -340,7 +340,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Press Ctrl(Windows) / Cmd(Mac) to Select Multi Nodes</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use3.jpg">
                 </div>
@@ -348,7 +348,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Set multi field to search or filter</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use4.jpg">
                 </div>
@@ -356,15 +356,15 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Set super bar position, left or right.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use5.jpg">
                 </div>
             </div>
         </div>
-        <div class="oe_span12">
+        <div class="row">
             <h4 class="oe_slogan oe_spaced">4. If you want to customize, Use follow param to setup widget(Extra pay for support):</h4>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="superbar_use.gif">
                 </div>
@@ -388,7 +388,7 @@
 
  <section class="container oe_dark">
     <div class="oe_row oe_spaced text-center">
-        <div class="oe_span12">
+        <div class="row">
             <h2 class="oe_slogan">Technical Help & Support</h2>
         </div>
         <div class="col-md-12 pad0">
diff --git a/app_product_superbar/static/description/index.html b/app_product_superbar/static/description/index.html
index f9e715d5..9b14a224 100644
--- a/app_product_superbar/static/description/index.html
+++ b/app_product_superbar/static/description/index.html
@@ -446,7 +446,7 @@
             1. Buy and Install <a href="http://www.odoo.com/apps/modules/16.0/app_web_superbar/" target="_blank">app_web_superbar. </a>
         </h4>
         <h4 class="pt16">2. Easy use of superbar</h4>
-        <div class="oe_span12">
+        <div class="row">
             <h4 class="pt16">Show superbar in list view.</h4>
             <div class="oe_demo oe_screenshot img img-fluid">
                 <img src="../app_web_superbar/use7.jpg">
@@ -465,7 +465,7 @@
             </div>
         </div>
         <h4 class="pt16">3. If you want to customize, Use follow param to setup widget(Extra pay for support):</h4>
-        <div class="oe_span12">
+        <div class="row">
             <div class="oe_demo oe_screenshot img img-fluid">
                 <img src="../app_web_superbar/superbar_use.png">
             </div>
@@ -477,7 +477,7 @@
 <!-- begin support-->
 <section class="container oe_dark">
     <div class="oe_row oe_spaced text-center">
-        <div class="oe_span12">
+        <div class="row">
             <h2 class="oe_slogan">Technical Help & Support</h2>
         </div>
         <div class="col-md-12 pad0">
diff --git a/app_product_superbar_pro/static/description/index.html b/app_product_superbar_pro/static/description/index.html
index 624652b4..f6894062 100644
--- a/app_product_superbar_pro/static/description/index.html
+++ b/app_product_superbar_pro/static/description/index.html
@@ -31,7 +31,7 @@
 
 <section class="oe_container container">
     <div class="oe_row">
-        <div class="oe_span12">
+        <div class="row">
             <img class="oe_demo oe_screenshot img img-fluid" src="//apps.odoocdn.com/apps/assets/16.0/app_web_superbar_pro/superbar_pro.gif">
         </div>
         <h3 class="oe_slogan">Advance Search, Advance Filter with Parent Children Tree.</h3>
@@ -417,23 +417,23 @@
     <div class="oe_row oe_spaced">
         <h2>&nbsp;</h2>
         <h2 class="bg-warning text-center pt8 pb8">How to use! This app do need extra module. The price already included</h2>
-        <div class="oe_span12">
+        <div class="row">
             <h4 class="oe_slogan oe_spaced">1. Buy and Install zTree widget.
                 <a href="http://www.odoo.com/apps/modules/16.0/app_web_widget_ztree/" target="_blank">
                     <i class="fa fa-download text-warning"></i>Click to download.
                 </a>
             </h4>
         </div>
-        <div class="oe_span12">
+        <div class="row">
             <h4 class="oe_slogan oe_spaced">2. Buy and Install <a href="http://www.odoo.com/apps/modules/16.0/app_web_superbar/" target="_blank">app_web_superbar. </a>
             </h4>
         </div>
-        <div class="oe_span12">
+        <div class="row">
             <h4 class="oe_slogan oe_spaced">3. Easy use of super search sidebar</h4>
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Show Super search sidebar in list view.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="//apps.odoocdn.com/apps/assets/16.0/app_web_superbar/use7.jpg">
                 </div>
@@ -441,7 +441,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Show Super search sidebar in search more view.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="//apps.odoocdn.com/apps/assets/16.0/app_web_superbar/searchmore.jpg">
                 </div>
@@ -449,7 +449,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Show Super search sidebar in kanban view.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="//apps.odoocdn.com/apps/assets/16.0/app_web_superbar/use8.jpg">
                 </div>
@@ -457,7 +457,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Show Super search sidebar in pivot view.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="//apps.odoocdn.com/apps/assets/16.0/app_web_superbar/use9.jpg">
                 </div>
@@ -465,7 +465,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Show Super search sidebar in graph view.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="//apps.odoocdn.com/apps/assets/16.0/app_web_superbar/usea.jpg">
                 </div>
@@ -473,7 +473,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Click switch to show or hide superbar.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use1.jpg">
                 </div>
@@ -481,15 +481,15 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Set multi field to search or filter</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use4.jpg">
                 </div>
             </div>
         </div>
-        <div class="oe_span12">
+        <div class="row">
             <h4 class="oe_slogan oe_spaced">4. If you want to customize, Use follow param to setup widget(Extra pay for support):</h4>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="superbar_use.gif">
                 </div>
@@ -518,7 +518,7 @@
 
  <section class="container oe_dark">
     <div class="oe_row oe_spaced text-center">
-        <div class="oe_span12">
+        <div class="row">
             <h2 class="oe_slogan">Technical Help & Support</h2>
         </div>
         <div class="col-md-12 pad0">
diff --git a/app_product_ztree/static/description/index.html b/app_product_ztree/static/description/index.html
index 23768712..1dcd6ccc 100644
--- a/app_product_ztree/static/description/index.html
+++ b/app_product_ztree/static/description/index.html
@@ -7,7 +7,7 @@
 
 <section class="oe_container container">
     <div class="oe_row oe_spaced">
-        <div class="oe_span12">
+        <div class="row">
             <div class="alert alert-info" style="padding:8px;font-weight: 300; font-size: 20px;">
                 <i class="fa fa-hand-o-right"></i><b> Key features: </b>
                 <ul class="list-unstyled">
@@ -153,7 +153,7 @@
 </section>
  <section class="container oe_dark">
     <div class="oe_row oe_spaced text-center">
-        <div class="oe_span12">
+        <div class="row">
             <h2 class="oe_slogan">Technical Help & Support</h2>
         </div>
         <div class="col-md-12 pad0">
diff --git a/app_project_superbar/static/description/index.html b/app_project_superbar/static/description/index.html
index 6d5b7aad..627963fa 100644
--- a/app_project_superbar/static/description/index.html
+++ b/app_project_superbar/static/description/index.html
@@ -295,23 +295,23 @@
     <div class="oe_row oe_spaced">
         <h2>&nbsp;</h2>
         <h2 class="bg-warning text-center pt8 pb8">How to use! This app do need extra module. The price already included</h2>
-        <div class="oe_span12">
+        <div class="row">
             <h4 class="oe_slogan oe_spaced">1. Buy and Install zTree widget.
                 <a href="http://www.odoo.com/apps/modules/16.0/app_web_widget_ztree/" target="_blank">
                     <i class="fa fa-download text-warning"></i>Click to download.
                 </a>
             </h4>
         </div>
-        <div class="oe_span12">
+        <div class="row">
             <h4 class="oe_slogan oe_spaced">2. Buy and Install <a href="http://www.odoo.com/apps/modules/16.0/app_web_superbar/" target="_blank">app_web_superbar. </a> <span class="text-warning">Important! Reboot odoo after installed.</span>
             </h4>
         </div>
-        <div class="oe_span12">
+        <div class="row">
             <h4 class="oe_slogan oe_spaced">3. Easy use of superbar</h4>
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Show superbar in list view.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use7.jpg">
                 </div>
@@ -319,7 +319,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Show superbar in kanban view.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use8.jpg">
                 </div>
@@ -327,7 +327,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Show superbar in pivot view.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use9.jpg">
                 </div>
@@ -335,7 +335,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Show superbar in graph view.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="usea.jpg">
                 </div>
@@ -343,7 +343,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Click switch to show or hide superbar.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use1.jpg">
                 </div>
@@ -351,7 +351,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Click checkbox to set whether to show child nodes data.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use2.jpg">
                 </div>
@@ -359,7 +359,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Press Ctrl(Windows) / Cmd(Mac) to Select Multi Nodes</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use3.jpg">
                 </div>
@@ -367,7 +367,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Set multi field to search or filter</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use4.jpg">
                 </div>
@@ -375,15 +375,15 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Set super bar position, left or right.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use5.jpg">
                 </div>
             </div>
         </div>
-        <div class="oe_span12">
+        <div class="row">
             <h4 class="oe_slogan oe_spaced">4. If you want to customize, Use follow param to setup widget(Extra pay for support):</h4>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="superbar_use.gif">
                 </div>
@@ -407,7 +407,7 @@
 
  <section class="container oe_dark">
     <div class="oe_row oe_spaced text-center">
-        <div class="oe_span12">
+        <div class="row">
             <h2 class="oe_slogan">Technical Help & Support</h2>
         </div>
         <div class="col-md-12 pad0">
diff --git a/app_purchase_product_multi_add/static/description/index.html b/app_purchase_product_multi_add/static/description/index.html
index 4cb31046..7d8bfffe 100644
--- a/app_purchase_product_multi_add/static/description/index.html
+++ b/app_purchase_product_multi_add/static/description/index.html
@@ -113,7 +113,7 @@
 
  <section class="container oe_dark">
     <div class="oe_row oe_spaced text-center">
-        <div class="oe_span12">
+        <div class="row">
             <h2 class="oe_slogan">Technical Help & Support</h2>
         </div>
         <div class="col-md-12 pad0">
diff --git a/app_purchase_superbar/static/description/index.html b/app_purchase_superbar/static/description/index.html
index 0793946f..7e74a6ba 100644
--- a/app_purchase_superbar/static/description/index.html
+++ b/app_purchase_superbar/static/description/index.html
@@ -31,7 +31,7 @@
 
 <section class="oe_container container">
     <div class="oe_row">
-        <div class="oe_span12">
+        <div class="row">
             <img class="oe_demo oe_screenshot img img-fluid" src="banner.png">
         </div>
         <div class="oe_span12 oe_spaced">
@@ -169,23 +169,23 @@
     <div class="oe_row oe_spaced">
         <h2>&nbsp;</h2>
         <h2 class="bg-warning text-center pt8 pb8">How to use! This app do need extra module. The price already included</h2>
-        <div class="oe_span12">
+        <div class="row">
             <h4 class="oe_slogan oe_spaced">1. Buy and Install zTree widget.
                 <a href="http://www.odoo.com/apps/modules/16.0/app_web_widget_ztree/" target="_blank">
                     <i class="fa fa-download text-warning"></i>Click to download.
                 </a>
             </h4>
         </div>
-        <div class="oe_span12">
+        <div class="row">
             <h4 class="oe_slogan oe_spaced">2. Buy and Install <a href="http://www.odoo.com/apps/modules/16.0/app_web_superbar/" target="_blank">app_web_superbar. </a> <span class="text-warning">Important! Reboot odoo after installed.</span>
             </h4>
         </div>
-        <div class="oe_span12">
+        <div class="row">
             <h4 class="oe_slogan oe_spaced">3. Easy use of superbar</h4>
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Show superbar in list view.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use7.jpg">
                 </div>
@@ -193,7 +193,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Show superbar in kanban view.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use8.jpg">
                 </div>
@@ -201,7 +201,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Show superbar in pivot view.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use9.jpg">
                 </div>
@@ -209,7 +209,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Show superbar in graph view.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="usea.jpg">
                 </div>
@@ -217,7 +217,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Click switch to show or hide superbar.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use1.jpg">
                 </div>
@@ -225,7 +225,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Click checkbox to set whether to show child nodes data.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use2.jpg">
                 </div>
@@ -233,7 +233,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Press Ctrl(Windows) / Cmd(Mac) to Select Multi Nodes</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use3.jpg">
                 </div>
@@ -241,7 +241,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Set multi field to search or filter</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use4.jpg">
                 </div>
@@ -249,15 +249,15 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Set super bar position, left or right.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use5.jpg">
                 </div>
             </div>
         </div>
-        <div class="oe_span12">
+        <div class="row">
             <h4 class="oe_slogan oe_spaced">4. If you want to customize, Use follow param to setup widget(Extra pay for support):</h4>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="superbar_use.gif">
                 </div>
@@ -278,7 +278,7 @@
 
  <section class="container oe_dark">
     <div class="oe_row oe_spaced text-center">
-        <div class="oe_span12">
+        <div class="row">
             <h2 class="oe_slogan">Technical Help & Support</h2>
         </div>
         <div class="col-md-12 pad0">
diff --git a/app_sale_product_multi_add/static/description/index.html b/app_sale_product_multi_add/static/description/index.html
index 0993d191..a7cef02a 100644
--- a/app_sale_product_multi_add/static/description/index.html
+++ b/app_sale_product_multi_add/static/description/index.html
@@ -113,7 +113,7 @@
 
  <section class="container oe_dark">
     <div class="oe_row oe_spaced text-center">
-        <div class="oe_span12">
+        <div class="row">
             <h2 class="oe_slogan">Technical Help & Support</h2>
         </div>
         <div class="col-md-12 pad0">
diff --git a/app_sale_superbar/static/description/index.html b/app_sale_superbar/static/description/index.html
index db1f0963..5fb9e10b 100644
--- a/app_sale_superbar/static/description/index.html
+++ b/app_sale_superbar/static/description/index.html
@@ -31,7 +31,7 @@
 
 <section class="oe_container container">
     <div class="oe_row">
-        <div class="oe_span12">
+        <div class="row">
             <img class="oe_demo oe_screenshot img img-fluid" src="banner.png">
         </div>
         <div class="oe_span12 oe_spaced">
@@ -169,23 +169,23 @@
     <div class="oe_row oe_spaced">
         <h2>&nbsp;</h2>
         <h2 class="bg-warning text-center pt8 pb8">How to use! This app do need extra module. The price already included</h2>
-        <div class="oe_span12">
+        <div class="row">
             <h4 class="oe_slogan oe_spaced">1. Buy and Install zTree widget.
                 <a href="http://www.odoo.com/apps/modules/16.0/app_web_widget_ztree/" target="_blank">
                     <i class="fa fa-download text-warning"></i>Click to download.
                 </a>
             </h4>
         </div>
-        <div class="oe_span12">
+        <div class="row">
             <h4 class="oe_slogan oe_spaced">2. Buy and Install <a href="http://www.odoo.com/apps/modules/16.0/app_web_superbar/" target="_blank">app_web_superbar. </a> <span class="text-warning">Important! Reboot odoo after installed.</span>
             </h4>
         </div>
-        <div class="oe_span12">
+        <div class="row">
             <h4 class="oe_slogan oe_spaced">3. Easy use of superbar</h4>
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Show superbar in list view.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use7.jpg">
                 </div>
@@ -193,7 +193,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Show superbar in kanban view.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use8.jpg">
                 </div>
@@ -201,7 +201,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Show superbar in pivot view.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use9.jpg">
                 </div>
@@ -209,7 +209,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Show superbar in graph view.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="usea.jpg">
                 </div>
@@ -217,7 +217,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Click switch to show or hide superbar.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use1.jpg">
                 </div>
@@ -225,7 +225,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Click checkbox to set whether to show child nodes data.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use2.jpg">
                 </div>
@@ -233,7 +233,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Press Ctrl(Windows) / Cmd(Mac) to Select Multi Nodes</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use3.jpg">
                 </div>
@@ -241,7 +241,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Set multi field to search or filter</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use4.jpg">
                 </div>
@@ -249,15 +249,15 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Set super bar position, left or right.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use5.jpg">
                 </div>
             </div>
         </div>
-        <div class="oe_span12">
+        <div class="row">
             <h4 class="oe_slogan oe_spaced">4. If you want to customize, Use follow param to setup widget(Extra pay for support):</h4>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="superbar_use.gif">
                 </div>
@@ -278,7 +278,7 @@
 
  <section class="container oe_dark">
     <div class="oe_row oe_spaced text-center">
-        <div class="oe_span12">
+        <div class="row">
             <h2 class="oe_slogan">Technical Help & Support</h2>
         </div>
         <div class="col-md-12 pad0">
diff --git a/app_sale_superbar_pro/static/description/index.html b/app_sale_superbar_pro/static/description/index.html
index 1b4e9f9c..46ff24f1 100644
--- a/app_sale_superbar_pro/static/description/index.html
+++ b/app_sale_superbar_pro/static/description/index.html
@@ -31,7 +31,7 @@
 
 <section class="oe_container container">
     <div class="oe_row">
-        <div class="oe_span12">
+        <div class="row">
             <img class="oe_demo oe_screenshot img img-fluid" src="//apps.odoocdn.com/apps/assets/16.0/app_web_superbar_pro/superbar_pro.gif">
         </div>
         <h3 class="oe_slogan">Advance Search, Advance Filter with Parent Children Tree.</h3>
@@ -417,23 +417,23 @@
     <div class="oe_row oe_spaced">
         <h2>&nbsp;</h2>
         <h2 class="bg-warning text-center pt8 pb8">How to use! This app do need extra module. The price already included</h2>
-        <div class="oe_span12">
+        <div class="row">
             <h4 class="oe_slogan oe_spaced">1. Buy and Install zTree widget.
                 <a href="http://www.odoo.com/apps/modules/16.0/app_web_widget_ztree/" target="_blank">
                     <i class="fa fa-download text-warning"></i>Click to download.
                 </a>
             </h4>
         </div>
-        <div class="oe_span12">
+        <div class="row">
             <h4 class="oe_slogan oe_spaced">2. Buy and Install <a href="http://www.odoo.com/apps/modules/16.0/app_web_superbar/" target="_blank">app_web_superbar. </a>
             </h4>
         </div>
-        <div class="oe_span12">
+        <div class="row">
             <h4 class="oe_slogan oe_spaced">3. Easy use of super search sidebar</h4>
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Show Super search sidebar in list view.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="//apps.odoocdn.com/apps/assets/16.0/app_web_superbar/use7.jpg">
                 </div>
@@ -441,7 +441,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Show Super search sidebar in search more view.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="//apps.odoocdn.com/apps/assets/16.0/app_web_superbar/searchmore.jpg">
                 </div>
@@ -449,7 +449,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Show Super search sidebar in kanban view.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="//apps.odoocdn.com/apps/assets/16.0/app_web_superbar/use8.jpg">
                 </div>
@@ -457,7 +457,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Show Super search sidebar in pivot view.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="//apps.odoocdn.com/apps/assets/16.0/app_web_superbar/use9.jpg">
                 </div>
@@ -465,7 +465,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Show Super search sidebar in graph view.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="//apps.odoocdn.com/apps/assets/16.0/app_web_superbar/usea.jpg">
                 </div>
@@ -473,7 +473,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Click switch to show or hide superbar.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use1.jpg">
                 </div>
@@ -481,15 +481,15 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Set multi field to search or filter</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use4.jpg">
                 </div>
             </div>
         </div>
-        <div class="oe_span12">
+        <div class="row">
             <h4 class="oe_slogan oe_spaced">4. If you want to customize, Use follow param to setup widget(Extra pay for support):</h4>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="superbar_use.gif">
                 </div>
@@ -518,7 +518,7 @@
 
  <section class="container oe_dark">
     <div class="oe_row oe_spaced text-center">
-        <div class="oe_span12">
+        <div class="row">
             <h2 class="oe_slogan">Technical Help & Support</h2>
         </div>
         <div class="col-md-12 pad0">
diff --git a/app_stock_picking_product_multi_add/static/description/index.html b/app_stock_picking_product_multi_add/static/description/index.html
index b3396c10..9862f118 100644
--- a/app_stock_picking_product_multi_add/static/description/index.html
+++ b/app_stock_picking_product_multi_add/static/description/index.html
@@ -113,7 +113,7 @@
 
  <section class="container oe_dark">
     <div class="oe_row oe_spaced text-center">
-        <div class="oe_span12">
+        <div class="row">
             <h2 class="oe_slogan">Technical Help & Support</h2>
         </div>
         <div class="col-md-12 pad0">
diff --git a/app_stock_superbar/static/description/index.html b/app_stock_superbar/static/description/index.html
index fe86903d..b8971e17 100644
--- a/app_stock_superbar/static/description/index.html
+++ b/app_stock_superbar/static/description/index.html
@@ -31,7 +31,7 @@
 
 <section class="oe_container container">
     <div class="oe_row oe_spaced">
-        <div class="oe_span12">
+        <div class="row">
             <div class="alert alert-info" style="padding:8px;font-weight: 300; font-size: 20px;">
                 <i class="fa fa-hand-o-right"></i><b> Key features: </b>
                 <ul class="list-unstyled">
@@ -178,7 +178,7 @@
 </section>
  <section class="container oe_dark">
     <div class="oe_row oe_spaced text-center">
-        <div class="oe_span12">
+        <div class="row">
             <h2 class="oe_slogan">Technical Help & Support</h2>
         </div>
         <div class="col-md-12 pad0">
diff --git a/app_web_enterprise/static/description/index.html b/app_web_enterprise/static/description/index.html
index 607ad058..ca18b96a 100644
--- a/app_web_enterprise/static/description/index.html
+++ b/app_web_enterprise/static/description/index.html
@@ -1,6 +1,6 @@
 <section class="oe_container container">
     <div class="oe_row oe_spaced" style="max-width: 95%;">
-        <div class="oe_span12">
+        <div class="row">
             <h2 class="oe_slogan">App Web Enterprise Enhance</h2>
             <div class="oe_demo" style=" margin: 30px auto 0; padding: 0 15px 0 0; border:none; width: 96%;">
                 <h2 class="mt32 mb32">More Powerful addons:
@@ -53,7 +53,7 @@
 
  <section class="container oe_dark">
     <div class="oe_row oe_spaced text-center">
-        <div class="oe_span12">
+        <div class="row">
             <h2 class="oe_slogan">Technical Help & Support</h2>
         </div>
         <div class="col-md-12 pad0">
diff --git a/app_web_fullwidth/static/description/index.html b/app_web_fullwidth/static/description/index.html
index 16408887..b6a11682 100644
--- a/app_web_fullwidth/static/description/index.html
+++ b/app_web_fullwidth/static/description/index.html
@@ -1,6 +1,6 @@
 <section class="oe_container container">
     <div class="oe_row oe_spaced" style="max-width: 95%;">
-        <div class="oe_span12">
+        <div class="row">
             <h2 class="oe_slogan">App Web Responsive Fullwidth(form view fullwidth)</h2>
             <div class="alert alert-info" style="padding:8px;font-weight: 300; font-size: 20px;">
                 <i class="fa fa-hand-o-right"></i><b> Key features: </b>
@@ -60,7 +60,7 @@
 
  <section class="container oe_dark">
     <div class="oe_row oe_spaced text-center">
-        <div class="oe_span12">
+        <div class="row">
             <h2 class="oe_slogan">Technical Help & Support</h2>
         </div>
         <div class="col-md-12 pad0">
diff --git a/app_website_blog_editor/static/description/index.html b/app_website_blog_editor/static/description/index.html
index 8a7a4d5e..1d1072e4 100644
--- a/app_website_blog_editor/static/description/index.html
+++ b/app_website_blog_editor/static/description/index.html
@@ -1,11 +1,11 @@
 <section class="oe_container container">
     <div class="oe_row oe_spaced" >
-        <div class="oe_span12">
+        <div class="row">
             <h2 class="oe_slogan"> </h2>
             <h3 class="oe_slogan"> </h3>
             <div class="oe_row">
                 <h3>Lastest update: v16.23.08.28</h3>
-                <div class="oe_span12">
+                <div class="row">
                     <img class="oe_demo  oe_screenshot img img-fluid"  style="max-height: 100%;" src="banner.png">
                 </div>
                 <div class="oe_span12 oe_spaced">
@@ -58,7 +58,7 @@
 
  <section class="container oe_dark">
     <div class="oe_row oe_spaced text-center">
-        <div class="oe_span12">
+        <div class="row">
             <h2 class="oe_slogan">Technical Help & Support</h2>
         </div>
         <div class="col-md-12 pad0">
diff --git a/app_website_blog_superbar/static/description/index.html b/app_website_blog_superbar/static/description/index.html
index d7968b0f..e7677316 100644
--- a/app_website_blog_superbar/static/description/index.html
+++ b/app_website_blog_superbar/static/description/index.html
@@ -31,12 +31,12 @@
 
 <section class="oe_container container">
     <div class="oe_row oe_spaced" >
-        <div class="oe_span12">
+        <div class="row">
             <h2 class="oe_slogan"> </h2>
             <h3 class="oe_slogan"> </h3>
             <div class="oe_row">
                 <h3>Lastest update: v13.23.03.23</h3>
-                <div class="oe_span12">
+                <div class="row">
                     <img class="oe_demo  oe_screenshot img img-fluid"  style="max-height: 100%;" src="banner.png">
                 </div>
                 <div class="oe_span12 oe_spaced">
@@ -89,7 +89,7 @@
 
  <section class="container oe_dark">
     <div class="oe_row oe_spaced text-center">
-        <div class="oe_span12">
+        <div class="row">
             <h2 class="oe_slogan">Technical Help & Support</h2>
         </div>
         <div class="col-md-12 pad0">
diff --git a/app_website_product_superbar/static/description/index.html b/app_website_product_superbar/static/description/index.html
index 75282493..1b964056 100644
--- a/app_website_product_superbar/static/description/index.html
+++ b/app_website_product_superbar/static/description/index.html
@@ -291,23 +291,23 @@
     <div class="oe_row oe_spaced">
         <h2>&nbsp;</h2>
         <h2 class="bg-warning text-center pt8 pb8">How to use! This app do need extra module. The price already included</h2>
-        <div class="oe_span12">
+        <div class="row">
             <h4 class="oe_slogan oe_spaced">1. Buy and Install zTree widget.
                 <a href="http://www.odoo.com/apps/modules/16.0/app_web_widget_ztree/" target="_blank">
                     <i class="fa fa-download text-warning"></i>Click to download.
                 </a>
             </h4>
         </div>
-        <div class="oe_span12">
+        <div class="row">
             <h4 class="oe_slogan oe_spaced">2. Buy and Install <a href="http://www.odoo.com/apps/modules/16.0/app_web_superbar/" target="_blank">app_web_superbar. </a> <span class="text-warning">Important! Reboot odoo after installed.</span>
             </h4>
         </div>
-        <div class="oe_span12">
+        <div class="row">
             <h4 class="oe_slogan oe_spaced">3. Easy use of superbar</h4>
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Show superbar in list view.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use7.jpg">
                 </div>
@@ -315,7 +315,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Show superbar in kanban view.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use8.jpg">
                 </div>
@@ -323,7 +323,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Show superbar in pivot view.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use9.jpg">
                 </div>
@@ -331,7 +331,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Show superbar in graph view.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="usea.jpg">
                 </div>
@@ -339,7 +339,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Click switch to show or hide superbar.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use1.jpg">
                 </div>
@@ -347,7 +347,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Click checkbox to set whether to show child nodes data.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use2.jpg">
                 </div>
@@ -355,7 +355,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Press Ctrl(Windows) / Cmd(Mac) to Select Multi Nodes</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use3.jpg">
                 </div>
@@ -363,7 +363,7 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Set multi field to search or filter</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use4.jpg">
                 </div>
@@ -371,15 +371,15 @@
             <div class="oe_span12 oe_spaced">
                 <h4 class="oe_slogan">Set super bar position, left or right.</h4>
             </div>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="use5.jpg">
                 </div>
             </div>
         </div>
-        <div class="oe_span12">
+        <div class="row">
             <h4 class="oe_slogan oe_spaced">4. If you want to customize, Use follow param to setup widget(Extra pay for support):</h4>
-            <div class="oe_span12">
+            <div class="row">
                 <div class="oe_demo oe_screenshot img img-fluid">
                     <img src="superbar_use.gif">
                 </div>
@@ -403,7 +403,7 @@
 
  <section class="container oe_dark">
     <div class="oe_row oe_spaced text-center">
-        <div class="oe_span12">
+        <div class="row">
             <h2 class="oe_slogan">Technical Help & Support</h2>
         </div>
         <div class="col-md-12 pad0">
diff --git a/app_website_sale_editor/static/description/index.html b/app_website_sale_editor/static/description/index.html
index f1cb134f..05c15dcd 100644
--- a/app_website_sale_editor/static/description/index.html
+++ b/app_website_sale_editor/static/description/index.html
@@ -1,11 +1,11 @@
 <section class="oe_container container">
     <div class="oe_row oe_spaced" >
-        <div class="oe_span12">
+        <div class="row">
             <h2 class="oe_slogan"> </h2>
             <h3 class="oe_slogan"> </h3>
             <div class="oe_row">
                 <h3>Lastest update: v13.23.03.23</h3>
-                <div class="oe_span12">
+                <div class="row">
                     <img class="oe_demo  oe_screenshot img img-fluid"  style="max-height: 100%;" src="banner.png">
                 </div>
                 <div class="oe_span12 oe_spaced">
@@ -58,7 +58,7 @@
 
  <section class="container oe_dark">
     <div class="oe_row oe_spaced text-center">
-        <div class="oe_span12">
+        <div class="row">
             <h2 class="oe_slogan">Technical Help & Support</h2>
         </div>
         <div class="col-md-12 pad0">
diff --git a/l10n_cn_standard_latest/static/description/index.html b/l10n_cn_standard_latest/static/description/index.html
index 70305b1a..e5eb3b35 100644
--- a/l10n_cn_standard_latest/static/description/index.html
+++ b/l10n_cn_standard_latest/static/description/index.html
@@ -1,11 +1,11 @@
 <section class="oe_container container">
     <div class="oe_row oe_spaced">
-        <div class="oe_span12">
+        <div class="row">
             <h2 class="oe_slogan">App Latest Chinese Account chart 2021.</h2>
             <h3 class="oe_slogan">Set all chinese default value. Like Default country, timezone, currency, partner... </h3>
             <div class="oe_row">
                 <h3>Lastest update: v16.23.02.14</h3>
-                <div class="oe_span12">
+                <div class="row">
                     <img class="oe_demo oe_screenshot img img-fluid" src="banner.png">
                 </div>
                 <div class="oe_span12 oe_spaced">
@@ -20,11 +20,11 @@
                     </div>
                 </div>
                 <h3 class="oe_slogan">Use super, easy to navigate account data.</h3>
-                <div class="oe_span12">
+                <div class="row">
                     <img class="oe_demo oe_screenshot img img-fluid" src="superbar1.png">
                 </div>
                 <h3 class="oe_slogan">How to use</h3>
-                <div class="oe_span12">
+                <div class="row">
                     <img class="oe_demo oe_screenshot img img-fluid" src="cnreadme.png">
                 </div>
             </div>
@@ -34,7 +34,7 @@
 
  <section class="container oe_dark">
     <div class="oe_row oe_spaced text-center">
-        <div class="oe_span12">
+        <div class="row">
             <h2 class="oe_slogan">Technical Help & Support</h2>
         </div>
         <div class="col-md-12 pad0">