Два загруженных файла рядом друг с другом с помощью texarea и bootstrap

У меня есть приложение django. И у меня есть два поля для загрузки файлов. И две текстовые области. Так что у меня это выглядит так:

{% extends 'base.html' %} {% load static %} {% block content %}

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Create a Profile</title>
    <link rel="stylesheet" href="{% static 'main/css/custom-style.css' %}" />
    <link
      rel="stylesheet"
      type="text/css"
      href="{% static 'main/css/bootstrap.css' %}"
    />
  </head>
  <body>
    <div class="container">
      <div class="inline-div">
        <form
          action="/controlepunt140"
          method="POST"
          type="file"
          class="form-control form-control-lg"
          enctype="multipart/form-data"
        >
          <!--  <input type="file" id="img" name="img" accept=".pdf, .xlsx"> -->
          {% csrf_token %} {{ form }}
          <input
            type="submit"
            type="file"
            value="Verstuur"
            accept="application/pdf"
          />
        </form>

        <textarea class="inline-txtarea" name="" id="" cols="70" rows="10">
{{content_pdf}}</textarea
        >
      </div>

      <div class="inline-div">
        <form
          action="/controlepunt140"
          method="POST"
          type="file"
          class="form-control form-control-lg"
          enctype="multipart/form-data"
        >
          <!--  <input type="file" id="img" name="img" accept=".pdf, .xlsx"> -->
          {% csrf_token %} {{ form }}
          <input
            class="form-control"
            type="submit"
            type="file"
            value="Verstuur"
            accept="application/pdf"
          />
        </form>

        <textarea class="inline-txtarea" name="" id="" cols="70" rows="10">
{{content_pdf}}</textarea
        >
      </div>
    </div>
  </body>
</html>
{% endblock content %}

и css:

.inline-div {
  display: inline-block;
}
.inline-txtarea {
  resize: none;
  border: 2px solid orange;
  height: 125px;
}

А в скрипке выглядит так:

https://jsfiddle.net/SavantKing/nvuy92z5/

Но в fiddle есть кнопка verstuur. Так что это правильно. Но в приложении кнопка verstuur исчезла.

enter image description here

Так что я не понимаю.

Вопрос: Как отобразить кнопку verstuur?

Вернуться на верх