[REF] *: BS4, adapt col-related classes

col-lg-* -> col-xl-*
col-md-* -> col-lg-*
col-sm-* -> col-md-*
col-xs-* -> col-*

col-lg-offset-* -> offset-xl-*
col-md-offset-* -> offset-lg-*
col-sm-offset-* -> offset-md-*
col-xs-offset-* -> offset-*

col-lg-pull-* -> order-xl-1
col-md-pull-* -> order-lg-1
col-sm-pull-* -> order-md-1
col-xs-pull-* -> order-1

col-lg-push-* -> order-xl-2
col-md-push-* -> order-lg-2
col-sm-push-* -> order-md-2
col-xs-push-* -> order-2

1 files changed, 27 insertions, 27 deletions

diff --git a/addons/web_editor/static/src/xml/editor.xml b/addons/web_editor/static/src/xml/editor.xml
index 3cfa54937b6..c94b9ee18fe 100644
--- a/addons/web_editor/static/src/xml/editor.xml
+++ b/addons/web_editor/static/src/xml/editor.xml
@@ -31,14 +31,14 @@
     <!-- Alt Dialog (allows to change alt and title of page images) -->
     <form t-name="web_editor.dialog.alt" action="#" class="form-horizontal">
         <div class="form-group">
-            <label class="col-sm-3 control-label" for="alt">Description (alt tag)</label>
-            <div class="col-sm-8">
+            <label class="col-md-3 control-label" for="alt">Description (alt tag)</label>
+            <div class="col-md-8">
                 <input class="form-control" id="alt" required="required" t-att-value="widget.alt" type="text"/>
             </div>
         </div>
         <div class="form-group">
-            <label class="col-sm-3 control-label" for="title">Tooltip</label>
-            <div class="col-sm-8">
+            <label class="col-md-3 control-label" for="title">Tooltip</label>
+            <div class="col-md-8">
                 <input class="form-control" id="title" required="required" t-att-value="widget.title" type="text"/>
             </div>
         </div>
@@ -140,7 +140,7 @@
     <t t-name="web_editor.dialog.image.existing.content">
         <div class="existing-attachments">
             <div class="row mt16" t-as="row" t-foreach="rows">
-                <div class="col-sm-2 o_existing_attachment_cell" t-as="attachment" t-foreach="row">
+                <div class="col-2 o_existing_attachment_cell" t-as="attachment" t-foreach="row">
                     <i t-if="attachment.res_model === 'ir.ui.view'" class="fa fa-times o_existing_attachment_remove" title="This file is a public view attachment" role="img" aria-label="This file is a public view attachment" t-att-data-id="attachment.id"/>
                     <i t-else="" class="fa fa-times o_existing_attachment_remove" title="This file is attached to the current record" role="img" aria-label="This file is attached to the current record" t-att-data-id="attachment.id"/>
                     <div class="o_attachment_border" t-att-style="attachment.res_model === 'ir.ui.view' ? null : 'border: 1px solid #5cb85c;'"><div t-att-data-src="attachment.src" t-att-data-url="attachment.url" role="img" t-att-aria-label="attachment.name" t-att-title="attachment.name" t-att-data-id="attachment.id" t-att-data-mimetype="attachment.mimetype" class="o_image o_image_loading"/></div>
@@ -235,23 +235,23 @@
     <!-- Link Dialog (allows to choose a style and content for a link on the page) -->
     <div t-name="web_editor.dialog.link" class="o_link_dialog">
         <div class="row">
-            <form class="col-md-8 form-horizontal">
+            <form class="col-lg-8 form-horizontal">
                 <div t-attf-class="form-group#{widget.needLabel ? '' : ' d-none'}">
-                    <label class="control-label col-sm-3" for="o_link_dialog_label_input">Link Label</label>
-                    <div class="col-sm-9">
+                    <label class="control-label col-md-3" for="o_link_dialog_label_input">Link Label</label>
+                    <div class="col-md-9">
                         <input type="text" name="label" class="form-control" id="o_link_dialog_label_input" required="required" t-att-value="widget.data.text"/>
                     </div>
                 </div>
                 <div class="form-group">
-                    <label class="control-label col-sm-3" for="o_link_dialog_url_input">URL or Email</label>
-                    <div class="col-sm-9">
+                    <label class="control-label col-md-3" for="o_link_dialog_url_input">URL or Email</label>
+                    <div class="col-md-9">
                         <input type="text" name="url" class="form-control" id="o_link_dialog_url_input" required="required"/>
                     </div>
                 </div>
                 <div class="form-group">
-                    <label class="control-label col-sm-3">Size</label>
-                    <div class="col-sm-9">
-                        <select name="link_style_size" class="form-control col-sm-3 link-style">
+                    <label class="control-label col-md-3">Size</label>
+                    <div class="col-md-9">
+                        <select name="link_style_size" class="form-control col-md-3 link-style">
                             <option value="xs">Extra Small</option>
                             <option value="sm">Small</option>
                             <option value="" selected="selected">Medium</option>
@@ -260,8 +260,8 @@
                     </div>
                 </div>
                 <div class="form-group">
-                    <label class="control-label col-sm-3">Color</label>
-                    <div class="col-sm-9">
+                    <label class="control-label col-md-3">Color</label>
+                    <div class="col-md-9">
                         <div class="o_link_dialog_color">
                             <label role="button" t-attf-class="o_link_dialog_color_item o_btn_preview btn btn-link text-center" data-color="">
                                 <span>L</span>
@@ -278,7 +278,7 @@
                     </div>
                 </div>
                 <div class="form-group">
-                    <div class="col-sm-offset-3 col-sm-9">
+                    <div class="offset-md-3 col-md-9">
                         <label class="o_switch">
                             <input type="checkbox" name="is_new_window" t-att-checked="widget.data.isNewWindow ? 'checked' : undefined"/>
                             <span/>
@@ -287,7 +287,7 @@
                     </div>
                 </div>
             </form>
-            <div class="col-md-4 o_link_dialog_preview">
+            <div class="col-lg-4 o_link_dialog_preview">
                 <div class="form-group text-center">
                     <label>Preview</label>
                     <div style="overflow: auto; max-width: 100%; max-height: 200px;">
@@ -366,8 +366,8 @@
         <div class="o_bg_img_opt" data-value="contain">
             <form class="form-horizontal">
                 <div class="form-group">
-                    <label class="col-sm-2 control-label" for="repeatInput">Repeat</label>
-                    <div class="col-sm-5">
+                    <label class="col-md-2 control-label" for="repeatInput">Repeat</label>
+                    <div class="col-md-5">
                         <div class="checkbox">
                             <label>
                                 <input type="checkbox" id="o_bg_img_opt_contain_repeat"/>
@@ -382,8 +382,8 @@
                 <legend>Background size</legend>
                 <p>Sets the width and height of the background image in percent of the parent element.</p>
                 <div class="form-group">
-                    <label class="col-sm-3 control-label" for="o_bg_img_opt_custom_size_x">Background width</label>
-                    <div class="col-sm-5">
+                    <label class="col-md-3 control-label" for="o_bg_img_opt_custom_size_x">Background width</label>
+                    <div class="col-md-5">
                         <div class="input-group">
                             <input type="number" min="0" max="100" class="form-control input-sm" id="o_bg_img_opt_custom_size_x" placeholder="auto"/>
                             <div class="input-group-addon">%</div>
@@ -391,8 +391,8 @@
                     </div>
                 </div>
                 <div class="form-group">
-                    <label class="col-sm-3 control-label" for="o_bg_img_opt_custom_size_y">Background height</label>
-                    <div class="col-sm-5">
+                    <label class="col-md-3 control-label" for="o_bg_img_opt_custom_size_y">Background height</label>
+                    <div class="col-md-5">
                         <div class="input-group">
                             <input type="number" min="0" max="100" class="form-control input-sm" id="o_bg_img_opt_custom_size_y" placeholder="auto"/>
                             <div class="input-group-addon">%</div>
@@ -404,8 +404,8 @@
                 <legend>Background position</legend>
                 <p>Set the starting position of the background image.</p>
                 <div class="form-group">
-                    <label class="col-sm-3 control-label" for="o_bg_img_opt_custom_pos_x">Horizontal</label>
-                    <div class="col-sm-5">
+                    <label class="col-md-3 control-label" for="o_bg_img_opt_custom_pos_x">Horizontal</label>
+                    <div class="col-md-5">
                         <div class="input-group">
                             <input type="number" min="0" max="100" class="form-control input-sm" id="o_bg_img_opt_custom_pos_x" placeholder="auto"/>
                             <div class="input-group-addon">%</div>
@@ -413,8 +413,8 @@
                     </div>
                 </div>
                 <div class="form-group">
-                    <label class="col-sm-3 control-label" for="o_bg_img_opt_custom_pos_y">Vertical</label>
-                    <div class="col-sm-5">
+                    <label class="col-md-3 control-label" for="o_bg_img_opt_custom_pos_y">Vertical</label>
+                    <div class="col-md-5">
                         <div class="input-group">
                             <input type="number" min="0" max="100" class="form-control input-sm" id="o_bg_img_opt_custom_pos_y" placeholder="auto"/>
                             <div class="input-group-addon">%</div>