Harnish Kumar Harnish Kumar - 3 months ago 19
CSS Question

Making Navigation bar in bootstrap still responsive

Im using bootstrap framework for my UI. I had made a navigation bar using the same framework. When I reduce the screen size I'm getting this output

enter image description here

Still, if I reduce the window size I could see collapse button like this

enter image description here

.If I reduce the window, I don't want to see like the one which is in the image reduced window. Instead, if I had reduced the window size, is it possible to see the collapse button without the reduced window stage?

Answer

You have to add media css resize width like below and just decrease padding of element .

@media screen and (max-width: 992px) {
.nav > li > a {
  display: block;
  **padding: 10px 7px;**
  position: relative;
  }
 }

Toggle menu comeup while your window resize width 768px.