Affichage sans chevauchement sur toute la gamme de largeurs

machines/templates/machines/aff_iptype.html

@@ -45,9 +45,9 @@ with this program; if not, write to the Free Software Foundation, Inc.,
                 </div>
                 <div class="col-sm-4 text-center">
                     {% if type.need_infra %}
-                        <span class="text-success">{% trans "Infra right required" %}
+                        <span class="label label-success">{% trans "Infra right required" %}
                     {% else %}
-                        <span class="text-danger">{% trans "Infra right not required" %}
+                        <span class="label label-danger">{% trans "Infra right not required" %}
                     {% endif %}
                 </div>
                 <div class="col-sm-2 text-right">
@@ -60,27 +60,38 @@ with this program; if not, write to the Free Software Foundation, Inc.,
         </div>
     </div>
     <div class="panel-body">
-        <div class="table-responsive">
-            <table class="table table-striped">
-                <thead>
-                <tr>
-                    <th>{% trans "IPv4 range" %}</th>
-                    <th>{% trans "v6 prefix" %}</th>
-                    <th>{% trans "DNSSEC reverse v4/v6" %}</th>
-                    <th>{% trans "On VLAN(s)" %}</th>
-                    <th>{% trans "Default ports opening" %}</th>
-                </tr>
-                </thead>
-                    <tr>
-                        <td>{{ type.domaine_ip_start }}-{{ type.domaine_ip_stop }}{% if type.ip_network %}
-                            <b><u> on </u></b>
-                            {{ type.ip_network }}{% endif %}</td>
-                        <td>{{ type.prefix_v6 }}/{{ type.prefix_v6_length }}</td>
-                        <td>{{ type.reverse_v4|tick }}/{{ type.reverse_v6|tick }}</td>
-                        <td>{{ type.vlan }}</td>
-                        <td>{{ type.ouverture_ports }}</td>
-                    </tr>
-            </table>
+        <div class="container-fluid">
+            <div class="row">
+                <div class="col-sm-8">
+                    <b>{% trans "IPv4 range" %}</b>
+                    {{ type.domaine_ip_start }} - {{ type.domaine_ip_stop }}
+                    {% if type.ip_network %}
+                    <b><u> on </u></b>
+                    {{ type.ip_network }}{% endif %}
+                </div>
+                <div class="col-sm-4">
+                    <b>{% trans "v6 prefix" %}</b>
+                    {{ type.prefix_v6 }} /{{ type.prefix_v6_length }}
+                </div>
+            </div>
+            </br>
+            <div class="row">
+                <div class="col-sm-4">
+                    <b>{% trans "DNSSEC reverse v4/v6" %}</b>
+                    </br>
+                    {{ type.reverse_v4|tick }}/{{ type.reverse_v6|tick }}
+                </div>
+                <div class="col-sm-4">
+                    <b>{% trans "On VLAN(s)" %}</b>
+                    </br>
+                    {{ type.vlan }}
+                </div>
+                <div class="col-sm-4">
+                    <b>{% trans "Default ports opening" %}</b>
+                    </br>
+                    {{ type.ouverture_ports }}
+                </div>
+            </div>
         </div>
     </div>
 </div>