Question

我正在使用Django，我正在尝试使用选择字段排列Bootstrap按钮。我已经将内嵌的形式放在了我想要的位置，但我似乎无法使按钮变小以使其正确对齐。我敢肯定有一个简单的解决方案，但我已经在这几个小时内苦苦挣扎，似乎找不到任何对我有用的东西。这是一张图片，因为它目前可以让您更好地了解问题：button not aligned

这是我模板中的当前代码：

<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的高度，但它似乎对我不起作用。有什么想法吗？

Answer 1

默认情况下，bootstrap btn类有填充。检查浏览器中的代码并删除该填充，通过添加新的填充类，或使用自定义样式类并删除btn，btn-primary等，但所有相同，最好编辑表单，而不是按钮。 Bootstrap默认按钮非常适合大多数情况，很可能你需要表单样式。我建议使用表单样式。以下是代码中的示例。 Ps：我正在通过电话回复，代码可能没有格式化

{% 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 %}

更改按钮大小bootstrap 4（Django）

1 个答案: