[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

6 files changed, 46 insertions, 46 deletions

diff --git a/addons/website/static/src/xml/website.backend.xml b/addons/website/static/src/xml/website.backend.xml
index e5a07ad6139..cf53351c256 100644
--- a/addons/website/static/src/xml/website.backend.xml
+++ b/addons/website/static/src/xml/website.backend.xml
@@ -21,13 +21,13 @@
     <t t-name="website.dashboard_content">
         <div class="o_website_dashboard_content">
             <div class="row o_dashboard_visits" t-if="widget.groups.website_designer">
-                <div class="col-xs-12 o_box">
+                <div class="col-12 o_box">
                     <h2>Visits</h2>
                     <div t-if="widget.dashboards_data.visits &amp;&amp; widget.dashboards_data.visits.ga_client_id">
                         <div class="row js_analytics_components"/>
                         <a href="#" class="js_link_analytics_settings">Edit my Analytics Client ID</a>
                     </div>
-                    <div t-if="!(widget.dashboards_data.visits &amp;&amp; widget.dashboards_data.visits.ga_client_id)" class="col-md-12">
+                    <div t-if="!(widget.dashboards_data.visits &amp;&amp; widget.dashboards_data.visits.ga_client_id)" class="col-lg-12">
                         <div class="o_demo_background">
                             <div class="o_layer">
                             </div>
@@ -42,7 +42,7 @@
         </div>
     </t>
 
-    <div t-name="website.unauthorized_analytics" class="col-xs-12 js_unauthorized_message mb16">
+    <div t-name="website.unauthorized_analytics" class="col-12 js_unauthorized_message mb16">
         <span t-if="reason === 'not_connected'">You need to log in to your Google Account before: </span>
         <span t-if="reason === 'no_right'">You do not seem to have access to this Analytics Account.</span>
         <span t-if="reason === 'not_initialized'">Google Analytics initialization failed. Maybe this domain is not whitelisted in your Google Analytics project for this client ID.</span>
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">
diff --git a/addons/website/static/src/xml/website.pageProperties.xml b/addons/website/static/src/xml/website.pageProperties.xml
index 2e5f29b9bea..9299e4b8b69 100644
--- a/addons/website/static/src/xml/website.pageProperties.xml
+++ b/addons/website/static/src/xml/website.pageProperties.xml
@@ -18,7 +18,7 @@
     </t>
 </t>
 <t t-name="website.show_page_key_dependencies">
-    <div class="col-sm-9 col-sm-offset-3">
+    <div class="col-md-9 offset-md-3">
         <span class="text-muted" id="warn_about_call_message">
             <t t-set="depTooltip">
                 <t t-call="website.get_tooltip_dependencies"/>
@@ -47,15 +47,15 @@
         <div class="tab-content mt16">
             <div role="tabpanel" id="basic_page_info" class="tab-pane fade in active">
                 <div class="form-group">
-                    <label class="control-label col-sm-3" for="page_name">Page Name</label>
-                    <div class="col-sm-9">
+                    <label class="control-label col-md-3" for="page_name">Page Name</label>
+                    <div class="col-md-9">
                         <input type="text" class="form-control input-sm" id="page_name" t-att-value="widget.page.name" />
                     </div>
                 </div>
                 <div class="form-group warn_about_call"></div>
                 <div class="form-group">
-                    <label class="control-label col-sm-3" for="page_url">Page URL</label>
-                    <div class="col-sm-9">
+                    <label class="control-label col-md-3" for="page_url">Page URL</label>
+                    <div class="col-md-9">
                         <div class="input-group">
                             <span class="input-group-addon" t-att-title="widget.serverUrl"><small><t t-esc="widget.serverUrlTrunc"/></small></span>
                             <input type="text" class="form-control input-sm" id="page_url" t-att-value="widget.page.url" />
@@ -63,8 +63,8 @@
                     </div>
                 </div>
                 <div class="form-group ask_for_redirect">
-                    <label class="control-label col-sm-3" for="create_redirect">Redirect Old URL</label>
-                    <div class="col-sm-2">
+                    <label class="control-label col-md-3" for="create_redirect">Redirect Old URL</label>
+                    <div class="col-md-2">
                         <a>
                             <label class="o_switch" for="create_redirect" >
                                 <input type="checkbox" id="create_redirect"/>
@@ -72,13 +72,13 @@
                             </label>
                         </a>
                     </div>
-                    <div class="col-sm-7 mt4">
+                    <div class="col-md-7 mt4">
                         <span class="text-muted" id="dependencies_redirect"></span>
                     </div>
                 </div>
                 <div class="form-group ask_for_redirect">
-                    <label class="control-label col-sm-3 redirect_type" for="redirect_type">Type</label>
-                    <div class="col-sm-6 redirect_type">
+                    <label class="control-label col-md-3 redirect_type" for="redirect_type">Type</label>
+                    <div class="col-md-6 redirect_type">
                         <select class="form-control" id="redirect_type">
                             <option t-foreach="widget.fields.type.selection" t-as="field" t-att-value="field[0]"><t t-esc="field[0] + ': ' + field[1]" /></option>
                         </select>
@@ -87,8 +87,8 @@
             </div>
             <div role="tabpanel" id="advances_page_info" class="tab-pane fade">
                 <div class="form-group">
-                    <label class="control-label col-sm-3" for="is_menu">Show in Top Menu</label>
-                    <div class="col-sm-2">
+                    <label class="control-label col-md-3" for="is_menu">Show in Top Menu</label>
+                    <div class="col-md-2">
                         <label class="o_switch" for="is_menu" >
                             <input type="checkbox" t-att-checked="widget.page.menu_ids.length > 0 ? true : undefined" id="is_menu"/>
                             <span/>
@@ -96,8 +96,8 @@
                     </div>
                 </div>
                 <div class="form-group">
-                    <label class="control-label col-sm-3" for="is_homepage">Use as Homepage</label>
-                    <div class="col-sm-2">
+                    <label class="control-label col-md-3" for="is_homepage">Use as Homepage</label>
+                    <div class="col-md-2">
                         <label class="o_switch" for="is_homepage" >
                             <input type="checkbox" t-att-checked="widget.page.is_homepage ? true : undefined" id="is_homepage"/>
                             <span/>
@@ -105,11 +105,11 @@
                     </div>
                 </div>
                 <div class="form-group">
-                    <label class="control-label col-sm-3" for="is_indexed">
+                    <label class="control-label col-md-3" for="is_indexed">
                         Indexed
                         <i class="fa fa-question-circle-o" title="Hide this page from search results" role="img" aria-label="Info"></i>
                     </label>
-                    <div class="col-sm-2">
+                    <div class="col-md-2">
                         <label class="o_switch" for="is_indexed" >
                             <input type="checkbox" t-att-checked="widget.page.website_indexed ? true : undefined" id="is_indexed"/>
                             <span/>
@@ -117,8 +117,8 @@
                     </div>
                 </div>
                 <div class="form-group">
-                    <label class="control-label col-sm-3" for="is_published">Publish</label>
-                    <div class="col-sm-2">
+                    <label class="control-label col-md-3" for="is_published">Publish</label>
+                    <div class="col-md-2">
                         <label class="o_switch js_publish_btn" for="is_published">
                             <input type="checkbox" t-att-checked="widget.page.website_published ? true : undefined" id="is_published"/>
                             <span/>
@@ -126,8 +126,8 @@
                     </div>
                 </div>
                 <div class="form-group">
-                    <label class="control-label col-sm-3" for="date_publish">Publishing Date</label>
-                    <div class="col-sm-9">
+                    <label class="control-label col-md-3" for="date_publish">Publishing Date</label>
+                    <div class="col-md-9">
                         <div class='input-group date' id='date_publish_container'>
                             <input type='text' class="form-control" name="date_publish" id="date_publish" />
                             <span class="input-group-addon">
diff --git a/addons/website/static/src/xml/website.seo.xml b/addons/website/static/src/xml/website.seo.xml
index 08137872596..266dbe380ff 100644
--- a/addons/website/static/src/xml/website.seo.xml
+++ b/addons/website/static/src/xml/website.seo.xml
@@ -8,23 +8,23 @@
 
     <div t-name="website.seo_configuration">
         <section class="row">
-            <div class="col-md-6">
+            <div class="col-lg-6">
                 <div class="form-horizontal mt16" role="form">
                     <div class="form-group">
-                        <label for="seo_page_title" class="col-xs-3 control-label">Page Title</label>
-                        <div class="col-xs-9">
+                        <label for="seo_page_title" class="col-3 control-label">Page Title</label>
+                        <div class="col-9">
                             <input type="text" name="seo_page_title" class="form-control" maxlength="70" size="70"/>
                         </div>
                     </div>
                     <div class="form-group">
-                        <label for="seo_page_description" class="col-xs-3 control-label">Description</label>
-                        <div class="col-xs-9">
+                        <label for="seo_page_description" class="col-3 control-label">Description</label>
+                        <div class="col-9">
                             <textarea name="seo_page_description" class="form-control" style="max-width: 100%;height:145px;max-height:145px" t-att-maxlength="widget.maxDescriptionSize"/>
                         </div>
                     </div>
                 </div>
             </div>
-            <div class="col-md-6">
+            <div class="col-lg-6">
                 <h5 class="mt16">Preview <small>how your page will be listed on Google</small></h5>
                 <div class="well">
                     <div class="panel mb0">
diff --git a/addons/website/static/src/xml/website.share.xml b/addons/website/static/src/xml/website.share.xml
index b534f6e9cc7..d78c1babc46 100644
--- a/addons/website/static/src/xml/website.share.xml
+++ b/addons/website/static/src/xml/website.share.xml
@@ -2,7 +2,7 @@
 <templates id="template" xml:space="preserve">
     <t t-name="website.social_hover">
         <div class="row clearfix" style='font-size:16px'>
-            <div class="col-xs-12 css_editable_mode_hidden">
+            <div class="col-12 css_editable_mode_hidden">
                 <t t-foreach="medias" t-as="media">
                     <a style="cursor: pointer" t-attf-class="fa-stack fa-lg share #{media}" t-att-aria-label="media" t-att-title="media">
                         <span class="fa fa-square fa-stack-2x"></span>
diff --git a/addons/website/static/src/xml/website.xml b/addons/website/static/src/xml/website.xml
index 300badf2511..ca97d0a6eb1 100644
--- a/addons/website/static/src/xml/website.xml
+++ b/addons/website/static/src/xml/website.xml
@@ -11,10 +11,10 @@
                     <main class="modal-body">
                         <form class="form-horizontal" role="form" t-att-id="id">
                             <div class="form-group mb0">
-                                <label for="page-name" class="col-sm-3 control-label">
+                                <label for="page-name" class="col-md-3 control-label">
                                     <t t-esc="field_name"/>:
                                 </label>
-                                <div class="col-sm-8">
+                                <div class="col-md-8">
                                     <input t-if="field_type == 'input'" type="text" class="form-control" required="required"/>
                                     <textarea t-if="field_type == 'textarea'" class="form-control" required="required" rows="5"></textarea>
                                     <select t-if="field_type == 'select'" class="form-control"></select>
@@ -65,8 +65,8 @@
         <div class="well">
             <form class="form-horizontal">
                 <div class="form-group mb0">
-                    <label for="new_name" class="control-label col-sm-4">Rename Page To:</label>
-                    <div class="col-sm-8">
+                    <label for="new_name" class="control-label col-md-4">Rename Page To:</label>
+                    <div class="col-md-8">
                         <input type="text" class="form-control" id="new_name" placeholder="e.g. About Us"/>
                     </div>
                 </div>