I have created grid with a row including some input fields and now I need to create some buttons to the right of them, but I can't figure that out right.

This for responsive design and I can't find some resource that explain what I'm doing incorrectly.

```
<div class="container">
    <div class="row">
        <div class="col-12 col-sm-8 col-md-3 col-lg-7">
            <h1>Select</h1>
            <div class="form-group">
                <input class="form-input " placeholder="balal" id="input-type-text2"
                value="" name="input-type-text" type="text">
            </div>
            <div class="form-group">
                <input class="form-input " placeholder="r" id="input-type-text4"
                value="" name="input-type-text" type="text">
            </div>
            <div class="form-group">
                <input class="form-input " placeholder="lalala" id="input-type-text6"
                value="" name="input-type-text" type="text">
            </div>
        </div>
        <div class="col-24 col-sm-16 col-md-6 col-lg-14">
            <div class="form-group">
                <input class="form-input " placeholder="align to the right" id="input-type-text6"
                value="" name="input-type-text" type="text">
            </div>
        </div>
    </div>
</div>

```

I expect the last col to align to the right