CODEWITHSUNDEEP
csstwitter-bootstraptwitter-bootstrap-3
Mona Coder
Mona Coder

Reputation: 6316

How to Add Background - image to bootstrap Navbar first li element only

can you please take a look at this jsfiddle and following code and let meknow how I can add a backgrund image to only first <li> of the navbar?

.navbar-inner{
  background:none ! important;
}

li:first-child {
  background-image: url(http://themes/kids/images/lava-top.png);
  background-repeat: repeat-x;

}

Upvotes: 1

Views: 9366

Answers (1)

Yogesh
Yogesh

Reputation: 2228

See this. 

.navbar .nav > li:first-child > a, .navbar .nav > li:first-child > a:hover, .navbar .nav > li:first-child > a:focus
{
    background-image: url(https://www.google.com/images/srpr/logo6w.png);
  background-repeat: repeat-x; 
}

Upvotes: 1

Related Questions