css - How to add a gradient to the navbar in bootstrap 3 using LESS.js -

Either looks: but without using raw CSS, I want to write it in my fewer files ... < / P>

In my low.Webels I have tried this before:

Any thoughts?

You can do the following low code:

  @ navbar -gradient-start-color: # 004400; @ Navbar-gradient-stop-color: # 009900; .navbar-default {#gradient & gt; .diver (@ navbar-gradient-start-color, @ navbar-gradient-stop-color); }  

You must add this code at the end of bootstrap.less (or navnbar.less) file. (Better customlessless file creation and import that at the end of bootstrap.less)

See also:

The following code will produce the following CSS code:

.navbar-default {background-image: -webkit-linear-gradient (top, # 004400 0%, # 009900 100%); Background image: -o-linear-slope (top, # 004400 0%, # 00 9900 100%); Background image: Linear-slope (bottom, # 004400 0%, # 00 9900 100%); Double-repeat: repeat-x; Filters: Przid: Dximage Transforms. Microsoft.grad (startColorstr = '# ff004400', endocrostustrate = '# FF009900', gradient type = 0); }

Note that. The raw () mixture is defined in the low / mixesx / gradient of the bootstrap source files. Unless the file is in. This mixer has been in the #gradient namespace and this is the reason for it to be #gradient & gt; . Specific () .