Как сделать так, чтобы кнопки ввода формы Django отображались в одной строке - PullRequest
0 голосов
/ 22 марта 2020

Я использую две отдельные формы Django на странице, над которой я работаю, и хочу, чтобы кнопки ввода отображались в одной строке. В настоящее время они укладываются. Я попытался использовать стиль CSS для использования встроенного блока, но я не думаю, что это работает, потому что они находятся в отдельных формах.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Title</title>
    <link rel="stylesheet"
    href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
    integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh"
    crossorigin="anonymous">
    <link rel="stylesheet" href="song_edit.css" />
</head>
<body>
<form method="POST" id="form1"> {% csrf_token %}
    <li>{{ file_name }}</li>
    <li>{{ form.as_p }}</li>
    <input type="submit" class="btn btn-primary" value="Download" name="save" id="download" />
</form>
<form action="/path/" method="get" id="form2">
    <input type="submit" class="btn btn-secondary" name="next" value="Next" id="Next" />
</form>
</body>
</html>

Fiddle

1 Ответ

1 голос
/ 22 марта 2020

Является ли эта скрипка , что вы хотите с помощью кнопок? Просто ваша форма должна отображаться в строке

  form{
  display:inline;
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...