vendredi 7 juin 2019

How to vertically align checkbox with other input controls in the form?

My checkbox is currently aligned like this -

enter image description here

I want to move it to the marked/pointed location below -

enter image description here

I'm using Bootstrap 4. Following is my HTML -

            <div class="row form-group">
                <label class="col-md-1 col-form-label" for="director">Director</label>
                <div class="col-md-8">
                    <input class="form-control" type="text" id="director" name="director" placeholder="Director">
                </div>
            </div>
            <div class="row form-group form-check">
                <div class="col">
                    <input class="form-check-input" type="checkbox" id="released" name="released">
                    <label class="form-check-label" for="released">Released</label>
                </div>
            </div>
            <div class="row form-group">
                <label class="col-md-1 col-form-label" for="year">Year</label>
                <div class="col-md-8">
                    <input class="form-control" type="text" id="year" name="year" placeholder="Year">
                </div>
            </div>




Aucun commentaire:

Enregistrer un commentaire