附加到文本框及其大小的 HTML 复选框答案

【问题标题】：HTML checkbox prepended to textbox and their sizes附加到文本框及其大小的 HTML 复选框
【发布时间】：2021-05-02 06:23:47
【问题描述】：

这是我的 HTML 代码：

 <div class="input-group mb3">
                    <div class="input-group-prepend">
                        <div class="input-group-text">
                        {% if item.complete == True %}
                            <input type="checkbox", value="clicked", name="c{{item.id}}" checked>
                        {% else %}
                            <input type="checkbox", value="clicked", name="c{{item.id}}">            
                        {% endif %}
                        </div>
                    </div>
                    <input type="text" value="{{item.text}}" class="form-control">
                </div>

我在文本框之前添加了复选框，但它们的大小与您看到的不同。

我是否必须更改它们的高度（可能是宽度）值才能使它们相等，还是我错过了其他东西？顺便说一句，我正在使用 CSS（我是 HTML 的新手，请不要苛刻：D）。是否与那个或它的来源有关？

CSS：

  <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous">

还有脚本：

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.bundle.min.js" integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf" crossorigin="anonymous"></script>

谢谢！

【问题讨论】：

你能提供css以便有人帮忙吗？

标签： html css django checkbox textbox

【解决方案1】：

经过一番尝试，我发现是那个版本的 CSS 导致了问题。

将我的来源更改为：

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">

解决了我的问题。

【讨论】：