How do I have different Nav Bar Colours?

Question

Shortened the question, sorry for the confusion, and broadness. Okay, so I would like the navigation bar to be transparent when I'm on a certain section, and a uniform colour for every other section on the page.

So to summarise, one colour for the Nav Bar on a particular section or div.

I know I could probably use rgba, but I'm not sure how I could achieve assigning a new colour once the next section comes into view.

I'm new to Bootstrap, so please, keep it simple.

Any answers are appreciated.

Your question is too broad and will probably be put on hold, but you should look into Bootstrap's Scrollspy and similar utilities. http://getbootstrap.com/javascript/#scrollspy — isherwood, Mar 02 '15 at 19:16

score 0 · Accepted Answer · edited May 23 '17 at 12:12

0

Here are the main colors and their usage :

#F8F8F8 : navbar background
#E7E7E7 : navbar border
#777 : default color
#333 : hover color (#5E5E5E for .nav-brand)
#555 : active color
#D5D5D5 : active background

Also, here is a link to the page i found it: Change navbar color in Twitter Bootstrap 3

edited May 23 '17 at 12:12

Community

1
1

answered Mar 02 '15 at 19:20

user1789573

515
2
8
23

How do I have different Nav Bar Colours?

1 Answers1