take input type in div responsive in boostrap code example

Example 1: bootstrap how to make form inline full width

bootstrap how to make form-inline title/text align center, input full width
<div class="form-group form-inline">
    <label class="mx-2" for="note-title">Title:</label>
    <input type="text" class="form-control flex-fill"/>
</div>

Example 2: large input box bootstrap 4

.form-control-sm
.form-control-lg