modify the all_computers template to use bootstrap4

computers/templates/computers/all_computers.html

@@ -1,23 +1,15 @@
 {% extends "core/base.html" %}
 {% load render_table from django_tables2 %}
+{% load bootstrap4 %}
+
 {% block section_title %}List of Computers{% endblock %}
 {% block content %}
-<div class="ui form">
-    <form action="" method="get" class="ui form">
-        <div class="fields">
-        <div class="field">
-        {{ filter.form.name__contains.label_tag }}
-        {{ filter.form.name__contains }}
-        </div>
-        <div class="field">
-        {{ filter.form.owner.label_tag }}
-        {{ filter.form.owner }}
-        </div>
-        <div class="field">
-        <button type="submit" class="ui button">Submit</button>
-        </div>
-        </div>
+<p>
+    <form action="" method="get" class="form form-inline">
+        {% csrf_token %}
+            {% bootstrap_form filter.form %}
+            {% bootstrap_button 'Filter' %}
     </form>
-</div>
+</p>
 {% render_table table %}
 {% endblock %}

network_inventory/settings/base.py

@@ -23,6 +23,7 @@ BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
 
 INSTALLED_APPS = [
     'backups.apps.BackupsConfig',
+    'bootstrap4',
     'computers.apps.ComputersConfig',
     'core.apps.CoreConfig',
     'customers.apps.CustomersConfig',

requirements/base.txt

@@ -6,6 +6,7 @@ django-guardian
 django-tables2
 django-filter
 django-nested-admin
+django-bootstrap4
 pytest
 pytest-django
 pytest-cov