CODEWITHSUNDEEP
csstwitter-bootstraptwitter-bootstrap-3
Jay
Jay

Reputation: 511

Bootstrap 3 RC1 - Change navbar color

I would like to change the Bootstrap 3 navbar color from the default grey to #5e00ff. The customize section of Bootstrap is not available yet - how to do it manually?

Upvotes: 2

Views: 6508

Answers (3)

MitulP91
MitulP91

Reputation: 1325

In your CSS file just add

.navbar {
    background-color: #5e00ff !important;
}

This will override the bootstrap CSS file. I'm not familiar with the location of the CSS for navbar in the bootstrap files, but an easier way would be to locate that file and change the background-color assigned to it.

Upvotes: 2

Miro Markaravanes
Miro Markaravanes

Reputation: 3367

As an additional answer, if you are building bootstrap from sources and want to have it done without any other css modifications, navigate to the less folder and open up variables.less file.

In the line 227, change this:

@navbar-bg: #eee;

To this:

@navbar-bg: #5e00ff;

And then build. :)

Upvotes: -1

cheersjosh
cheersjosh

Reputation: 1209

In your CSS, add this:

.navbar
{
    background-color: #5e00ff;
}

Hope that helps.

Upvotes: 4

Related Questions