batch replace grid- (scratch) by col- (bootstrap)

hand replace
* push- by offset-
* no-gutter by g-0

add breakpoints md- and sm-

src/Bundle/ChillMainBundle/Resources/views/Admin/layout.html.twig

@@ -33,7 +33,7 @@
 {% block content %}
     {% block admin_content %}<!-- block personcontent empty -->
         <div class="container-fluid">
-            <div class="grid-10 push-1">
+            <div class="col-10 push-1">
                 <h2>{{ 'Welcome to the admin section !'|trans }}</h2>
             </div>
         </div>

src/Bundle/ChillMainBundle/Resources/views/CRUD/_delete_content.html.twig

@@ -1,4 +1,4 @@
-<div class="{% block crud_content_main_div_class %}grid-10 centered{% endblock %}">
+<div class="{% block crud_content_main_div_class %}col-10 centered{% endblock %}">
     {% block crud_content_header %}
         <h1>{{ ('crud.'~crud_name~'.title_delete')|trans({ '%as_string%': entity|chill_entity_render_string }) }}</h1>
     {% endblock crud_content_header %}

src/Bundle/ChillMainBundle/Resources/views/CRUD/_edit_content.html.twig

@@ -1,4 +1,4 @@
-<div class="{% block crud_content_main_div_class %}grid-10 centered{% endblock %}">
+<div class="{% block crud_content_main_div_class %}col-10 centered{% endblock %}">
     {% block crud_content_header %}
         <h1>{{ ('crud.'~crud_name~'.title_edit')|trans }}</h1>
     {% endblock crud_content_header %}

src/Bundle/ChillMainBundle/Resources/views/CRUD/_index.html.twig

@@ -1,4 +1,4 @@
-<div class="grid-10 centered">
+<div class="col-10 centered">
         
 {% block index_header %}
 <h1>{{ ('crud.' ~ crud_name ~ '.index.title')|trans({'%crud_name%': crud_name}) }}</h1>

src/Bundle/ChillMainBundle/Resources/views/CRUD/_new_content.html.twig

@@ -1,4 +1,4 @@
-<div class="{% block crud_content_main_div_class %}grid-10 centered{% endblock %}">
+<div class="{% block crud_content_main_div_class %}col-10 centered{% endblock %}">
     {% block crud_content_header %}
         <h1>{{ ('crud.' ~ crud_name ~ '.title_new')|trans({'%crud_name%' : crud_name }) }}</h1>
     {% endblock crud_content_header %}

src/Bundle/ChillMainBundle/Resources/views/CRUD/_view_content.html.twig

@@ -1,4 +1,4 @@
-<div class="{% block crud_content_main_div_class %}grid-10 centered{% endblock %}">
+<div class="{% block crud_content_main_div_class %}col-10 centered{% endblock %}">
     {% block crud_content_header %}
         <h1>{{ 'crud.%crud_name%.title_view'|trans({'%crud_name%' : crud_name }) }}</h1>
     {% endblock crud_content_header %}

src/Bundle/ChillMainBundle/Resources/views/Form/fields.html.twig

@@ -25,7 +25,7 @@
                 {% if attr.class is defined and ('cf-title' in attr.class or 'cf-fields' in attr.class ) %}
                     col-12
                 {% elseif attr.class is defined and 'multiple-cf-inline' in attr.class %}
-                    col-2  col-mobile-4 col-tablet-4 mobile-clear tablet-clear
+                    col-2 col-md-4 clear
                 {% else %}
                     col-4 clear
                 {% endif %}
@@ -40,7 +40,7 @@
                 {% elseif attr.class is defined and 'cf-fields' in attr.class %}
                     col-12 parent
                 {% elseif attr.class is defined and 'multiple-cf-inline' in attr.class %}
-                    col-2 col-mobile-8 col-tablet-8 multiple-cf-inline
+                    col-2 col-md-8 multiple-cf-inline
                 {% else %}
                     col-8
                 {% endif %}
@@ -85,14 +85,14 @@
             </div>
         {%- else -%}
             <div class="container-fluid">
-                <div class="row">
-                    <div class="col-6 col-tablet-12 gid-mobile-12 no-gutter">
+                <div class="row g-0">
+                    <div class="col-md-6">
                         <span class="inline-choice">
                             {{ form_widget(child) }}
                             {{ form_label(child, '', {'label_attr': { 'class' : 'inline'} }) }}
                         </span>
                     </div>
-                    <div class="col-6 col-tablet-12 gid-mobile-12  no-gutter">
+                    <div class="col-md-6">
                         {{ form_widget(form._other, {'attr': {'class': 'input-text-other-value'} }) }}
                     </div>
                 </div>

src/Bundle/ChillMainBundle/Resources/views/Password/password.html.twig

@@ -23,7 +23,7 @@
 {% block title %}{{"Change my password"|trans}}{% endblock %}
 
 {% block content %}
-    <div class="grid-10 grid-mobile-10 grid-tablet-10 centered">
+    <div class="col-10 centered">
 
         <h1>{{ 'Change my password'|trans }}</h1>
 

src/Bundle/ChillMainBundle/Resources/views/Password/recover_layout.html.twig

@@ -30,8 +30,8 @@
     <body>
         
         <header class="navigation container-fluid">
-        <div class="grid-4 hide-tablet hide-mobile parent">
-            <div class="grid-10 push-2 grid-tablet-12 grid-mobile-12 push-tablet-0 grid-mobile-0 logo-container">
+        <div class="col-4 d-md-none parent">
+            <div class="col-10 col-md-12 offset-2 logo-container">
                 <a href="{{ path('chill_main_homepage') }}">
                     <img class="logo" src="{{ asset('build/images/logo-chill-sans-slogan_white.png') }}">
                 </a>

src/Bundle/ChillMainBundle/Resources/views/Password/recover_password_changed.html.twig

@@ -3,7 +3,7 @@
 {% block title %}{{ "New password set"|trans }}{% endblock %}
 
 {% block content %}
-    <div class="grid-10 grid-mobile-10 grid-tablet-10 centered">
+    <div class="col-10 centered">
 
         <h1>{{ "New password set"|trans }}</h1>
 

src/Bundle/ChillMainBundle/Resources/views/Password/recover_password_form.html.twig

@@ -5,7 +5,7 @@
 {% block title %}{{ title }}{% endblock %}
 
 {% block content %}
-    <div class="grid-10 grid-mobile-10 grid-tablet-10 centered">
+    <div class="col-10 centered">
 
         <h1>{{ title }}</h1>
 

src/Bundle/ChillMainBundle/Resources/views/Password/request_recover_password.html.twig

@@ -23,7 +23,7 @@
 {% block title %}{{"Recover password"|trans}}{% endblock %}
 
 {% block content %}
-    <div class="grid-10 grid-mobile-10 grid-tablet-10 centered">
+    <div class="col-10 centered">
 
         <h1>{{ 'Recover password'|trans }}</h1>
 

src/Bundle/ChillMainBundle/Resources/views/Password/request_recover_password_confirm.html.twig

@@ -4,7 +4,7 @@
 
 {% block content %}
 
-<div class="grid-10 grid-mobile-10 grid-tablet-10 centered">
+<div class="col-10 centered">
 
     <h1>{{ 'Check your email'|trans }}</h1>
 

src/Bundle/ChillMainBundle/Resources/views/Search/error.html.twig

@@ -20,6 +20,6 @@
 
 {%  block content %}
 
-    <p class="grid-8 centered error">{{ message }}</p>
+    <p class="col-8 centered error">{{ message }}</p>
 
 {%  endblock %}

src/Bundle/ChillMainBundle/Resources/views/Search/list.html.twig

@@ -22,8 +22,8 @@
 
 {%  block content %}
 
-    <div class="grid-12 parent" >
-        <div class="grid-10 push-1 parent">
+    <div class="col-12 parent" >
+        <div class="col-10 push-1 parent">
             {% for result in results %}
                 {{ result|raw }}
             {%  endfor %}

src/Bundle/ChillMainBundle/Resources/views/Timeline/index.html.twig

@@ -2,7 +2,7 @@
 
 {% block content %}
   <div id="container content">
-    <div class="grid-8 centered">
+    <div class="col-8 centered">
       <h1>{{ 'Global timeline'|trans }}</h1>
 
       {{ timeline|raw }}