I’m using Bootstrap 3 and I have a div like this: <div class="col-xs-12 col-sm-1 col-md-1 col-lg-2 login-form" style="margin-top:35px !important"> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <button type="button" class="btn btn-info btn-lg btn-block user-actions user-actions-show">Login</button> </div> </div> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <button type="button" class="btn btn-secondary btn-lg btn-block user-actions user-actions-show" style="margin-top:5px;">Register</button> </div> </div> </div>… Read More jquery toggleClass does not switch css classes when navbar-toggle is clicked

I’m using Bootstrap 3 and I have set up this grid for my webpage: <div class="container"> <div class="header"> <div class="top-nav"> <div class="row"> <div class="col-1"> <img src="https://sitename.com/logo.jpg"&gt; </div> <div class="col-7 mid-nav"> <!– Search box & Navbar comes here –> </div> <div class="col-1" style="margin-top:30px !important;"> <a href="#"><i class="fa fa-shopping-cart fa-4x sabad-kharid"></i></a> </div> <div class="col-3"> <form method="POST" action="">… Read More Bootstrap grid columns does not seem to be working properly

I have a div like this: <div class="p-5 mb-3 mainInfo"> <div class="circle"><img src="https://nanoclub.ir/images/cut.png"></div&gt; </div> And result goes like this: However, it should be showing inside the div like this: And here is the CSS: .mainInfo{ background-color: #fff; border: .01rem round #e0e1ed; border-radius: 20px; color: #585CA1; height:50px; } .circle { position:absolute; width:150px; height:170px; border-radius:50%; background:#fff; right:100px;… Read More How to place image inside of a parent div properly