我正在使用Django，并且正在尝试将Bootstrap按钮与选择字段对齐。我已经将表单内联到需要的位置，但是我似乎无法缩小按钮以使其正确对齐。我敢肯定有一个简单的解决方案，但是我已经为此苦苦挣扎了好几个小时，而且似乎找不到适合我的任何东西。这是一张图片，它当前可以使您更好地了解问题：按钮未对齐
这是我模板中的当前代码：
<form class="form-inline" action="{% url 'displayStats:proindvleaders'%}" method="post">
{% csrf_token %}
<div class="row">
{{ form.as_p }}
<button id="submit" type="submit" class="btn btn-primary btn-sm">Submit</button>
</div>
我已经尝试过使用CSS在按钮ID上设置高度，但这似乎对我不起作用。有任何想法吗？
默认情况下，引导btn类具有填充。在浏览器中检查代码并删除该填充，方法是添加一个新的填充类，或者使用自定义样式类并删除btn，btn-primary等，但是相同的是，最好编辑表单而不是按钮。Bootstrap默认按钮是大多数情况下的理想选择，并且很可能您需要表单样式。我建议表单样式。以下是代码示例。附：我正在电话回复，代码可能未格式化
{% for field in form %}
<div class="fieldWrapper">{{ field.errors }} <input type="{{ field.field.widget.input_type }}" name="{{ field.html_name }}" id="{{field.id_for_label}}" class="col-12 input-login" placeholder="{{field.label}}" > {% if field.help_text %} <p class="help">{{ field.help_text|safe }}</p> {% endif %} </div> {% endfor %}
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句