[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, 12 insertions, 12 deletions

diff --git a/addons/website/static/src/xml/website.facebook_page.xml b/addons/website/static/src/xml/website.facebook_page.xml
index 73c8389ba34..2ccceddb3b0 100644
--- a/addons/website/static/src/xml/website.facebook_page.xml
+++ b/addons/website/static/src/xml/website.facebook_page.xml
@@ -2,43 +2,43 @@
 <templates>
 <div t-name="website.facebook_page_dialog">
     <div class="row">
-        <form class="col-md-6 form-horizontal">
+        <form class="col-lg-6 form-horizontal">
             <div class="form-group">
-                <label class="control-label col-sm-3">Page URL</label>
-                <div class="col-sm-9">
+                <label class="control-label col-md-3">Page URL</label>
+                <div class="col-md-9">
                     <input class="form-control o_facebook_page_url" required="required" t-att-value="widget.fbData.href"/>
                 </div>
             </div>
             <div class="form-group o_facebook_tabs">
                 <t t-set="fb_tabs" t-value="widget.fbData.tabs and widget.fbData.tabs.split(',') or []"/>
-                <label class="control-label col-sm-3">Tabs</label>
-                <div class="col-sm-3 checkbox">
+                <label class="control-label col-md-3">Tabs</label>
+                <div class="col-md-3 checkbox">
                     <label><input type="checkbox" name="timeline" t-att-checked="_.contains(fb_tabs, 'timeline') or None"/>Timeline</label>
                 </div>
-                <div class="col-sm-3 checkbox">
+                <div class="col-md-3 checkbox">
                     <label><input type="checkbox" name="events" t-att-checked="_.contains(fb_tabs, 'events') or None"/>Events</label>
                 </div>
-                <div class="col-sm-3 checkbox">
+                <div class="col-md-3 checkbox">
                     <label><input type="checkbox" name="messages" t-att-checked="_.contains(fb_tabs, 'messages') or None"/>Messages</label>
                 </div>
              </div>
             <div class="form-group o_facebook_options">
-                <label class="control-label col-sm-3">Options</label>
-                <div class="col-sm-9 mt8">
+                <label class="control-label col-md-3">Options</label>
+                <div class="col-md-9 mt8">
                 <label class="o_switch">
                     <input name="small_header" type="checkbox" t-att-checked="widget.fbData.small_header or None"/>
                     <span/>
                     Use Small Header
                 </label>
                 </div>
-                <div class="col-sm-offset-3 mt16 col-sm-9">
+                <div class="offset-md-3 mt16 col-md-9">
                 <label class="o_switch">
                     <input name="hide_cover" type="checkbox" t-att-checked="widget.fbData.hide_cover or None"/>
                     <span/>
                     Hide Cover Photo
                 </label>
                 </div>
-                <div class="col-sm-offset-3 mt16 col-sm-9">
+                <div class="offset-md-3 mt16 col-md-9">
                 <label class="o_switch">
                     <input name="show_facepile" type="checkbox" t-att-checked="widget.fbData.show_facepile or None"/>
                     <span/>
@@ -47,7 +47,7 @@
                 </div>
             </div>
         </form>
-        <div class="col-md-6" style="border-left: 1px solid #eeeeee;">
+        <div class="col-lg-6" style="border-left: 1px solid #eeeeee;">
             <div class="form-group text-center">
                 <label>Preview</label>
                 <div class="alert alert-warning d-none facebook_page_warning text-center" role="alert">