बूटस्ट्रैप बटन पर सीएसएस को कैसे बदलें समूह

Question

नीचे कोड समूह में एक बटन को टॉगल करता है। मैं इन बटनों के सीएसएस को बदलने के लिए मजेदार टाईंग कर रहा हूं, विशेष रूप से चयनित बटन।

<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> 

मेरे कस्टम सीएसएस फ़ाइल:

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

Answer 1

.active { 
    background-color: #ffe13a; 
} 

वरना background-color करने के लिए अपने सीएसएस बदलें btnMyAge वर्ग की वजह से सभी बटन के लिए लागू किया जाता है।

Answer 2

पृष्ठभूमि रंग नहीं बदला गया है लेकिन बोल्ड स्टेटमेंट करता है। यदि मैं अपने _Layout.cshtml से नीचे की पहली पंक्ति को हटाता हूं तो पृष्ठभूमि काम करता है ??

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