aspose file tools*
The moose likes HTML, CSS and JavaScript and the fly likes Bootstrap: Reducing NavBar width and all its drop down option panels and text size Big Moose Saloon
  Search | Java FAQ | Recent Topics | Flagged Topics | Hot Topics | Zero Replies
Register / Login


Win a copy of Soft Skills this week in the Jobs Discussion forum!
JavaRanch » Java Forums » Engineering » HTML, CSS and JavaScript
Bookmark "Bootstrap: Reducing NavBar width and all its drop down option panels and text size" Watch "Bootstrap: Reducing NavBar width and all its drop down option panels and text size" New topic
Author

Bootstrap: Reducing NavBar width and all its drop down option panels and text size

Faraz Ka
Ranch Hand

Joined: Jun 01, 2013
Posts: 53
Hello,

I am using Bootstrap css for Nav Bar and it comes up very fine.
But the width appears to be big and I want to reduce it ( also ensure that it gets equally reduced/adjusted in other viewports also) and also reduce the options panels/text size that comes under the Nav Bar dropdown.

I'm using the following css class

navbar navbar-default navbar-fixed-top navbar-inverse

and the Nav Bar is coming in black ( which is giving the wow effect) and something that is needed but all the options under dropdown is coming as white. How to make this white background to black? Any bootstrap class already in place? If navbar-inverse can make the top nav bar as black then there must be some class to provide the same effect for the dropdown panel options under the same Nav Bar . See the attached file.



Thanks,
Faraz



[Thumbnail for Image_UI.png]

Carol Murphy
village idiot
Bartender

Joined: Mar 15, 2001
Posts: 1199
Sub Menu Styles and Colors

Found this link, it might have some ideas for you. It doesn't look like bootstrap has any pre-packaged classes you can just plug in for changing the dropdown menu color yet, from what I could see.
 
I agree. Here's the link: http://aspose.com/file-tools
 
subject: Bootstrap: Reducing NavBar width and all its drop down option panels and text size