Question

这是网页格式问题。它对于Bootstrap 4.0.0可以正常工作-但对4.3.1无效。我正在使用Flask 1.0.2，Flask-WTF 0.14.2，WTForms 2.2.1。这是无线电定义的代码：

  perm_comb_ind = RadioField('Choose Type:', 
                           choices=[('P','Permutations'), ('C','Combinations')],
                           default='P'
                           )

我也在使用Bootstrap。

Radio box for Bootstrap 4.0.0

两个选项都在同一个框中-我要的是

显示以下内容的实时示例：

https://www.w3schools.com/code/tryit.asp?filename=G28NYIRAPJC4

对于Bootstrap 4.3.1

Radio box for 4.3.1

框中只有一项。

显示以下内容的实时示例：

https://www.w3schools.com/code/tryit.asp?filename=G28O1IDPCHUT

模板代码在这里：

    <div class="content-section">

    <form method="POST" action="">
        <!-- {{ form.hidden_tag() }}   -->

        <fieldset class="form-group">

            <legend class="border-bottom mb-4">Enumerate (Count) Permutations or Combinations
                          </legend>

            <div class="form-group">


                    {{ form.perm_comb_ind.label(class="form-control-label") }}

                    {% if form.perm_comb_ind.errors %}
                        {{ form.perm_comb_ind(class="form-control form-control-lg is-invalid") }}
                        <div class="invalid-feedback">
                            {% for error in form.perm_comb_ind.errors %}
                                <span>{{ error }}</span>
                            {% endfor %}
                        </div>
                    {% else %}
                        {{ form.perm_comb_ind(class="form-control form-control-lg list-unstyled") }} 
                    {% endif %}

            </div>

这是WTForms或Bootstrap的问题还是其他问题？

Bootstrap 4.3.1的无线电场格式化问题-适用于4.0.0

0 个答案: