Bootstrap切換開關超鏈接佈局問題

Question

我想使用引導toggle-switch來允許我的網站用戶切換語言。問題是，當我爲每個底部放置一個鏈接時，他們現在看起來像2個單獨的按鈕，不再像原來的切換開關。什麼是問題？

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

你可以改變你的HTML只使用錨標記的按鈕類是這樣的：

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