我想在同一行上显示两个表单字段,而不是一个接一个地显示。
目前,我得到:
Choice a theme :
. Datasystems
. Cameroun
但我想显示这个表格,例如:
Choice a theme:
. Datasystems . Cameroun
My .html 文件好像 :
{% extends 'Base_Configurations.html' %}
{% load staticfiles %}
{% load static %}
{% block title %}
<h3> <span class="glyphicon glyphicon-file"></span> Choix du thème DatasystemsEC </align> </h3>
{% endblock %}
{% block content %}
<form class="form" method='POST' action=''> {% csrf_token %}
<br></br>
{{ form }}
<br></br>
<input class="button" type="submit" value="Valider le thème" />
</form>
{% endblock %}
我也有一个.css 文件 :
.form-fields {
border-radius: 4px;
margin-right: auto;
width:50%;
background-color: #f5f5f5;
}
.form {
padding-left:8vw;
}
label {
width: 35%;
border-radius: 8px;
margin-bottom: -20px;
list-style: none;
}
目前,我还没有找到解决我的问题的方法。我查看了一些教程或 StackOverflow 问题,但到目前为止什么也没有。
您对这种处理有什么想法吗?
你可以通过以下方式做到这一点引导程序网格系统。正如问题中所建议的,这样每行上就会有两个字段。
尝试这个:
<div class="container">
<div class="row">
{% for field in form %}
<div class="col-sm-6">
<b>{{ field.label_tag }}</b> - {{ field }}
</div>
{% endfor %}
</div>
</div>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)