<form action="">
        <div class="row">
            <div class="col-lg-3">
                <label for="">Apple</label>
                <input type="text" id="" name="text-group" checked>
            </div>
            <div class="col-lg-3">
                <label for="">Apple</label>
                <input type="text" id="" name="text-group">
            </div>
            <div class="col-lg-3">
                <label for="">Apple</label>
                <input type="text" id="" name="text-group">
            </div>
            <div class="col-lg-3">
                <label for="">Apple</label>
                <input type="text" id="" name="text-group">
            </div>
        </div>
    </form>
    <div class="step-dots">
        <div></div>
        <div></div>
        <div></div>
    </div>

<style>
.step-dots div {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 100%;
    background: #d9d9d9;
    margin-left: 6px;
}
</style>