Bootstrap düğmesinde css nasıl değiştirilir Grup

Question

Aşağıdaki kod bir gruptaki bir düğmeyi değiştirir. Bu düğmelerin CSS'lerini, özellikle seçilen düğmeyi değiştirmek için eğlendim.

<span class="label label-primary">Age</span> 
    <div class="btn-group" id="ageID"> 
    <button type="button" style="width:120px" class="btnMyAge btn-default" id="3">Under 10</button> 
    <button type="button" style="width:120px" class="btnMyAge btn-default" id="1">Under 50</button> 
    <button type="button" style="width:120px" class="btnMyAge btn-default" id="2">Over 50</button> 
</div> 
<script> 
    $(".btn-group > .btnMyAge").click(function() {         
     $(this).addClass("active").siblings().removeClass("active"); 
    }) 
</script> 

Benim özel CSS dosyası:

.btnMyAge, .btn:active 
{ 
    background-color: #ffe13a; 
} 

Answer 1

.active { 
    background-color: #ffe13a; 
} 

veya başka background-color için CSS değiştirin

çünkü btnMyAge sınıfın tüm düğmeleri uygulanır.

Answer 2

Arka plan rengi değişmez, ancak kalın ifade yapılır. Aşağıdaki ilk satırımı _Layout.cshtml sayfasından kaldırırsam arka plan çalışır ??

<link href="~/Content/bootstrap.min.css" rel="stylesheet" /> 
    <link rel="stylesheet" type="text/css" href="~/Content/custom.css">