Navbar active link background Çalışmıyor

Question

this jsfiddle görüldüğü gibi, aktif menü öğesinin siyah yuvarlak bir arka plana sahip olmasını isterim ("yuvarlak" ile, hover efekti ile nasıl göründüğüne benziyorum). Ben kodu

navbar-classic li a.active, 
.navbar-classic li a:hover { 
    color: #fff; 
    background: black; 
} 

konu bu parça var Bu amaçla

Ben index.html çıkıyorum bile, benim ilk menü öğesi ("Index") hala şeffaf bir arka plan sahip olmasıdır. Aktif olanın dikkate alınmadığı anlaşılıyor.

Sorun nedir?

Çok teşekkürler,

Answer 1

.active sınıf eksik ondan.

See this fiddle

<a href="index.html" class="active">Home</a>