How to change nav color in bootstrap

How to change the nav color in bootstrap: first reference the "bootstrap.css" file; then modify the color value of ".navbar-default" in the file.

Recommended: "bootstrap video tutorial"

The operating environment of this tutorial: windows10 system, bootstrap3. Version 0, this method is suitable for all brands of computers.

How to modify the navigation bar color in Bootstrap

The principle is to modify the color value of .navbar-default in bootstrap.css or bootstrap.min.css. If you modify .navbar-default in bootstrap.css, reference the bootstrap.css file.

For example: where path is the WebContent path, Use <%String path = request.getContextPath();%> to obtain.

Then modify the css style referenced in the navigation bar:

navbar-default navbar-fixed-top">

There is a tool website specifically used to generate navigation bars with characteristic colors

http://work.smarchal.com/twbscolor/css/e74c3cc0392becf0f1ffbbbc0

The above is the detailed content of How to change nav color in bootstrap. For more information, please follow other related articles on the PHP Chinese website!