Html 使用引导但在使用“输入”时预加输入;“表格组行”;发送到下一行

Html 使用引导但在使用“输入”时预加输入;“表格组行”;发送到下一行,html,css,bootstrap-4,Html,Css,Bootstrap 4,我有一个使用bootstrap4的表单。 使用class='form-group row'将标签和输入放在同一行上。 我想在输入前加上$符号。 当我尝试在网上找到的所有示例时,它会将输入发送到下一行 代码如下: MSRP $ 您需要使用输入组类创建一个div。在输入组前置类之前,请修改代码,使其如下所示: <div class="input-group"> <div class="input-group-prepend">

我有一个使用bootstrap4的表单。 使用class='form-group row'将标签和输入放在同一行上。 我想在输入前加上$符号。 当我尝试在网上找到的所有示例时,它会将输入发送到下一行

代码如下:


MSRP
$

您需要使用
输入组
类创建一个div。在
输入组前置
类之前,请修改代码,使其如下所示:

<div class="input-group">
    <div class="input-group-prepend">
        <span class="input-group-text">$</span>
    </div>
</div>

$

是指向Bootstrap文档相应部分的链接。

谢谢paul schultz。。。经过一些修补之后,这个方法奏效了。我发布了代码,以便其他人能够准确地看到它需要在哪里才能工作。。。还有一个截图!再次感谢


MSRP
$