ERP5: make add ERP5 Python Script follow Zope 4 ZMI style

product/ERP5/dtml/addPythonScriptThroughZMIForm.dtml

 <dtml-var manage_page_header>
 
+<main class="container-fluid">
 <dtml-var "manage_form_title(this(), _,
            form_title='Add ERP5 Python Script',
            )">
@@ -10,43 +11,24 @@ some erp5 properties
 </p>
 
 <form action="addPythonScriptThroughZMI" method="POST">
-
-<table cellspacing="0" cellpadding="2" border="0">
-  <tr>
-    <td align="left" valign="top">
-    <div class="form-label">
-    Id
+  <div class="form-group row">
+    <label for="id" class="form-label col-sm-3 col-md-2">Id</label>
+    <div class="col-sm-9 col-md-10">
+      <input id="id" class="form-control code" type="text" name="id" />
     </div>
-    </td>
-    <td align="left" valign="top">
-    <input type="text" name="id" size="40" />
-    </td>
-  </tr>
-
-  <tr>
-    <td align="left" valign="top">
-    <div class="form-label">
-    Title
   </div>
-    </td>
-    <td align="left" valign="top">
-    <input type="text" name="title" size="40" />
-    </td>
-  </tr>
-
-  <tr>
-    <td align="left" valign="top">
-    </td>
-    <td align="left" valign="top">
-    <div class="form-element">
-    <input class="form-element" type="submit" name="submit" 
-     value=" Add " /> 
-    <input class="form-element" type="submit" name="submit" 
-     value=" Add and Edit " />
+  <div class="form-group row">
+    <label for="title" class="form-label col-sm-3 col-md-2">Title</label>
+    <div class="col-sm-9 col-md-10">
+      <input id="title" class="form-control" type="text" name="title" />
+    </div>
+  </div>
+  <div class="zmi-controls">
+    <input class="btn btn-primary" type="submit" name="submit" value="Add" />
+    <input class="btn btn-primary" type="submit" name="submit_add_and_edit" value="Add and Edit" />
   </div>
-    </td>
-  </tr>
-</table>
 </form>
 
+</main>
+
 <dtml-var manage_page_footer>