ボタンのサイズを変更するブートストラップ4（Django）

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> 

私はちょうど設定しようとしましたボタンIDの高さはCSSで表示されますが、それは私のためには機能していないようです。何か案は？

Answer 1

デフォルトでは、ブートストラップbtnクラスにはパディングがあります。ブラウザでコードを調べて、新しいパディングクラスを追加するか、カスタムスタイルクラスを使用してbtn、btn-primaryなどを削除してパディングを削除しますが、ボタンではなくフォームを編集する方が良いでしょう。ブートストラップのデフォルトボタンはほとんどのシナリオに最適です。ほとんどの場合、フォームスタイリングが必要です。私はフォームスタイリングをお勧めします。以下はコードの例です。 シモンズ： - 「フォーム」は、実際にあるとして、特に私の場合は、携帯電話から返信しています、コードが

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