Why this code isn't work responsive

Hello,

Why this code isn’t responsive?


<div class="container">
    <div class="row ">
        <div class="col" style="text-align:center">

            <p class="h4 text-primary" style="margin-top:13%;" >Enter your instagram username and password</p>
            <div class="container w-25 p-5  bg-primary" style="height:auto; margin-top:5%;">


                @* <p class="text-white w-25">Enter your instagram usernae and password</p> *@
                <label for="user" class="text-white">Username:</label>
                <input type="text" class="form-control" id="usr">

                <label for="pwd" class="text-white">Password:</label>
                <input type="password" class="form-control" id="pwd">





            </div>





        </div>

    </div>

</div>

Did you add the necessary Bootstrap files to the page?

Not sure what you mean by not responsive, but the CSS classes won’t work without Bootstrap.