Bootstrap切换开关超链接布局问题

Question

我想使用bootstrap 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>