Merge pull request #2 from fa-dd/master

Update bootstrap_4_form.html.twig

Author: sadikoff

src/Resources/views/bootstrap_4_form.html.twig

@@ -1,30 +1,27 @@
 {% block koff_i18n_widget %}
     {{ form_errors(form) }}
-    <div class="a2lix_translations tabbable">
-        <ul class="a2lix_translationsLocales nav nav-tabs">
+    <ul class="nav nav-tabs" role="tablist">
         {% for translationsFields in form %}
             {% set locale = translationsFields.vars.name %}
-
-            <li {% if app.request.locale == locale %}class="active"{% endif %}>
-                <a href="#" data-toggle="tab" data-target=".{{ translationsFields.vars.id }}_a2lix_translationsFields-{{ locale }}">
+            <li class="nav-item">
+                <a href="#{{ translationsFields.vars.id }}-{{ locale }}" class="nav-link {% if app.request.locale == locale %}active{% endif %}" data-toggle="tab" id="{{ translationsFields.vars.id }}-{{ locale }}-tab">
                     {{ translationsFields.vars.label|default(locale|humanize)|trans }}
                     {% if form.vars.default_locale == locale %}{{ '[Default]'|trans }}{% endif %}
                     {% if translationsFields.vars.required %}*{% endif %}
                 </a>
             </li>
         {% endfor %}
-        </ul>
+    </ul>
 
-        <div class="a2lix_translationsFields tab-content">
+    <div class="tab-content">
         {% for translationsFields in form %}
             {% set locale = translationsFields.vars.name %}
 
-            <div class="{{ translationsFields.vars.id }}_a2lix_translationsFields-{{ locale }} tab-pane {% if app.request.locale == locale %}active{% endif %} {% if not form.vars.valid %}sonata-ba-field-error{% endif %}">
+            <div class="tab-pane {% if app.request.locale == locale %}active{% endif %}" id="{{ translationsFields.vars.id }}-{{ locale }}" role="tabpanel">
                 {{ form_errors(translationsFields) }}
                 {{ form_widget(translationsFields) }}
             </div>
         {% endfor %}
-        </div>
     </div>
 {% endblock %}