Bootstrap 4 如何将复选框和href放在同一行中？引导程序4

扎帕米·塔吉姆尼。

您可以将表单组设置为flex容器，或将项目设置为内联元素

您还可以使用提供的

forminline

类，您需要为所有输入元素和标签创建一个容器（最好是

form

标记），然后将类添加到其中

引用引导：

使用

.forminline

类显示一系列标签，例如表单 单个水平行上的控件和按钮。内的窗体控件 内联表单与其默认状态略有不同

扎帕米·塔吉姆尼。
扎帕米·塔吉姆尼。

您可以将表单组设置为flex容器，或将项目设置为内联元素

您还可以使用提供的

forminline

类，您需要为所有输入元素和标签创建一个容器（最好是

form

标记），然后将类添加到其中

引用引导：

使用

.forminline

类显示一系列标签，例如表单 单个水平行上的控件和按钮。内的窗体控件 内联表单与其默认状态略有不同

扎帕米·塔吉姆尼。
扎帕米·塔吉姆尼。

试试这个

扎帕米·塔吉姆尼。

试试这个

扎帕米·塔吉姆尼。

添加行和列类

<div class="form-group row">
    <div class="col text-left">
        <label class="checkbox-inline">
            <input type="checkbox">Zapamiętaj mnie.
        </label>
    </div>
    <div class="col text-right">
        <a href="#">Przypomnij hasło</a>
    </div>
</div>

扎帕米·塔吉姆尼。

添加行和列类

<div class="form-group row">
    <div class="col text-left">
        <label class="checkbox-inline">
            <input type="checkbox">Zapamiętaj mnie.
        </label>
    </div>
    <div class="col text-right">
        <a href="#">Przypomnij hasło</a>
    </div>
</div>

扎帕米·塔吉姆尼。

在这种情况下，

float-*

类实际上没有做任何事情；如果您正在使用flex实用程序（

d-flex

），最好还是坚持使用flex，使用

align items-*

和

justify content-*

等类来调整容器内的元素；float，IMHO，不应该再用于布局内容了

float-*

类在这种情况下实际上没有做任何事情；如果您正在使用flex实用程序（

d-flex

），最好还是坚持使用flex，使用

align items-*

和

justify content-*

等类来调整容器内的元素；浮动，IMHO，不应再用于布局内容。您是否可以使用下面的一个答案解决此问题？您是否可以使用下面的一个答案解决此问题？