❤️ Creative Tim Club - Access all our Present & Future Premium Products

Bootstrap Navigation Menu

Product description


It looks like everybody who used Bootstrap wanted to integrate a more beautiful and interesting navbar to their project. We restyled the classic Bootstrap Navbar and we added brand new icons. This navbar comes with 5 vibrant colors: blue, azzure, green, orange and red. Please go to live preview for more details about usage and installation.

Many thanks to our friends from Pixeden.com  for their free thin icons.

So, refresh your old project with something brand new like this navbar!

Product certified by: Creative Tim
Navbar With Icons - Fully Coded and Responsive HTML5
Navbar With Icons - Crafted with Bootstrap - the most popular Front End Framework
Downloads
19,473
Version
1.1.0
Changelog
Updated
8 years ago
Released
9 years ago
Reviews
Star
Handcrafted Elements
0
Customized Plugins
0
Example Pages
0
Community Support
Documentation
Fully Responsive

We are here to help you!

36 Web Developers commented on this product

alex.vandenhoek
  • downloaded
9 years ago

Thanks for this! Really nice although I do need to mention that in combination with the Get Shit Done Pro package css the bar is not displayed entirely correctly (padding / margins are off) (Search is even broken in safari). It is caused by the <a> element in the menu I think. Will figure it out eventually.

afif.maximilion
  • downloaded
9 years ago

Thanks for sharing, Creative Tim..

ae72a1d0
  • downloaded
9 years ago

This will be heplful! Thanks Creative and Kind Tim

michaelalfox
  • downloaded
8 years ago

I'm testing this out currently, but I'm having a few issues. The first is that I seem to have some extra padding/margins in my implementation than the demo. As well, my link text and icons seem to be a bit less white than shown here. When I hover them, they turn white, but they don't have the square background like you get here. I'm currently using the following for this page: bootstrap.css, gsdk.css, examples.css, ct-navbar.css, pe-icon-7-stroke.css in that order. As well as the appropriate js files. Not sure what's causing the conflict.

michaelalfox
  • downloaded

It seems that it's the gsdk.css that's conflicting with the ct-navbar.css. When I remove the gsdk.css, the navbar looks and functions as it does here, but of course, it causes the other page elements to look funky. How can I resolve this?
8 years ago

alexpaduraru
  • owner

@michaelalfox we checked and you're right, there is a conflict between gsdk.css and ct-navbar.css, they were made in different period of time with different purposes and we didn't think of them as a single product, we sent you an email with a possible solution.
8 years ago

realsum137
  • downloaded

@axelut can you send the solution to me as well? I have had to put in hacks to make gsdk.css work properly with ct-navbar.css and it just feels dirty. I know you solution will be better.
8 years ago

tungnt185
  • downloaded
8 years ago

Thanks for sharing but I have a problem. When text in <p> too long, dropdown menu is fall out of icon. How can I fix it?

alexpaduraru
  • owner

@tungnt185 we made the fix, please download the v1.1 version. Good luck with the development.
8 years ago

tungnt185
  • downloaded
8 years ago

@alexpaduraru : Thanks for your support. It works now.

signon
  • downloaded
8 years ago

Thank you for your hard work!

alexpaduraru
  • owner

@signon you're welcome!
8 years ago

nicogaang26
  • downloaded
8 years ago

You're amazing! Thankyou!

cupright
  • downloaded
7 years ago

What would be the best way to add a hover event to open a dropdown? I did the following but it's a little buggy. Suggestions? $(".dropdown").hover(function(e){ $(this).toggleClass('open'); });

tee029
  • downloaded
7 years ago

Thanks For Giveing Thank you very much!

You have to be logged in to post a comment. Login here.