lundi 26 juillet 2021

How can I get labels on checkboxes to line up in a row in Material Dashboard?

I have some text controls and a checkbox in a Material Dashboard page. I would like the labels for all the controls lined up above the actual controls. I've tried several different things but the label for the checkbox just will not line up with the labels for the text controls.

Here's what I've got:

'''

Title
    <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>
'''


Aucun commentaire:

Enregistrer un commentaire