Önyükleme geçişi geçişi köprü düzeni sorunu

Question

Web sitesi kullanıcılarının dil değiştirmesine izin vermek için önyükleme toggle-switch kullanmak istiyorum. Sorun şu ki, her bir taban için bir link koyduğumda, artık 2 ayrı tuşa benziyorlar ve artık orijinal geçiş anahtarı gibi değiller. Sorun nedir? bağlantıları ile

https://jsfiddle.net/ctap672a/2/

<div class="btn-group btn-toggle float-right"> 
    <button class="btn btn-default">FRANCAIS</button> 
    <button class="btn btn-primary active">ENGLISH</button> 
</div> 

:

<div class="btn-group btn-toggle float-right"> 
    <a href="index-fr.html" class="btn btn-default">FRANCAIS</a> 
    <a href="index-en.html" class="btn btn-primary active">ENGLISH</a> 
</div> 

: Eğer html değiştirebilirsiniz

<div class="btn-group btn-toggle float-right"> 
    <a href="index-fr.html"><button class="btn btn-default">FRANCAIS</button></a> 
    <a href="index-en.html"><button class="btn btn-primary active">ENGLISH</button></a> 
</div> 

Answer 1

böyle düğme sınıfları ile sadece çapa etiketi kullanmak