Win a copy of Design for the Mind this week in the Design forum!
  • Post Reply
  • Bookmark Topic Watch Topic
  • New Topic

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

 
Faraz Ka
Ranch Hand
Posts: 80
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
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
Image_UI.png
Supporting File
[Thumbnail for Image_UI.png]
 
Carol Murphy
village idiot
Bartender
Posts: 1202
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
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.
 
  • Post Reply
  • Bookmark Topic Watch Topic
  • New Topic