Make the Navbar Responsive with JavaScript Bootstrap 2


show more Making the nav bar responsive with JavaScript provides you with in-depth training on Web. Taught by Jen Kramer as part of the Up and Running with Bootstrap 2 show less
please wait ...

Making the nav bar responsive with JavaScript

In the last chapter of this course, we created this navigation bar for our website. And it looks great while it's running here on a Desktop and my browser is maximized, but as I reduce the size of my web browser, this navigation bar wraps on to another line, which is fine for a little while, but when we get down to a browser size that would simulate a mobile phone size, you'll see here that the navigation bar can get quite long and fat, and that's probably not really an effect that you'd like to have.

It's possible to add some JavaScript to this to make the navigation bar a bit more responsive. It's not the only approach to making a navigation bar more responsive, many would argue. It isn't even the best approach using a JavaScript solution. But this is a great effect that comes with Bootstrap that will give you the option of having your navigation bar shortened as the screen sizes get a bit smaller. And I'm going to show you how that works now. So if you o...

Making the nav bar responsive with JavaScript
Video duration: 5m 30s 2h 38m Beginner

Viewers:

Making the nav bar responsive with JavaScript provides you with in-depth training on Web. Taught by Jen Kramer as part of the Up and Running with Bootstrap 2

Subject:
Web
Software:
Bootstrap
Author:
please wait ...