javascript - Why bootstrap classes don't work when I make the window smaller

Question

Then the button does not take the complete width and label disappears under the input field

<form class="row  g-3 mt-3 mb-1 mr-5 ml-5">
            <div class=" mb-4 row col-12">
                <lapel class="col-1 form-lapel h5 newpaddingleft">Monat</lapel>
                <input class="form-control col-4  ">
                <lapel class=" offset-1 col-1 form-lapel h5 newpaddingleft">Mitarberiter</lapel>
                <input class="form-control col-4 ">
            </div>
            <div class="row col-12">*emphasized text*
                <lapel class="form-lapel col-1 h5 newpaddingleft"> jahr</lapel>
                <input class="col-4 form-control">
                <div class="row col-6 justify-content-end ml-3">
                    <button class="btn btn-primary col-2 btn-lg" id="addEmployeeModal">Suchen</button>
                </div>
            </div>
        </form>

question from:https://stackoverflow.com/questions/65842975/why-bootstrap-classes-dont-work-when-i-make-the-window-smaller

Answer 1

Waitting for answers