html - 如何让复选框上的标签在 Material Dashboard 中排成一行？

Question

我在 Material Dashboard 页面中有一些文本控件和一个复选框。我想要在实际控件上方排列的所有控件的标签。我尝试了几种不同的方法，但复选框的标签不会与文本控件的标签对齐。

这是我所拥有的：

'''

标题

    <div id='myContainer'>
        <div class="row" style="display:flex;align-items:center">
            <div class="form-group bmd-form-group">
                <label for="Text1">Text1</label>
                <input id="Text1" type="text" name="Text1" class="form-control" value=@ViewData["Text1"]>
            </div>
            <div class="form-group bmd-form-group">
                <div class="form-check">
                    <label for="CheckedFlag">Checked?</label>
                    <input id="CheckedFlag" type="checkbox" name="CheckedFlag" class="form-control" asp-for="CheckedFlag" />
                </div>
            </div>

            <div class="form-group bmd-form-group">
                <label for="Text2">Text2</label>
                <input id="Text2" type="text" class="form-control" name="Text2" value="@ViewData["Text2"]">
            </div>

        </div>
    </div>
</form>

'''

标签： htmlcheckbox