使用twitter引导切换按钮和面板

Question

我有三个按钮，每个触发器都显示相应的面板。我想一次只显示一个面板，但现在每个按钮都会显示一个面板。所以点击三个按钮可以同时显示三个面板。

我使用Twitter的引导，这是我的代码：

<span data-toggle="buttons-radio"> 
    <a class="btn btn-sm btn-white pull-right m-r" data-toggle="class:show" href="#content1"><i class="icon-sitemap"></i> Content1</a> 
    <a class="btn btn-sm btn-white pull-right m-r" data-toggle="class:show" href="#content2"><i class="icon-user"></i> Content2</a> 
    <a class="btn btn-sm btn-primary pull-right m-r" data-toggle="class:show" href="#content3"><i class="icon-male"></i><i class="icon-female"></i> Content3</a> 
</span> 

<aside class="bg-white hide col-lg-6 b-l" id="content1"> 
<div> 
    <h2>This is content 1</h2> 
</div> 
</aside> 

<aside class="bg-white hide col-lg-6 b-l" id="content2"> 
<div> 
    <h2>This is content 2</h2> 
</div> 
</aside> 

<aside class="bg-white hide col-lg-6 b-l" id="content3"> 
<div> 
    <h2>This is content 3</h2> 
</div> 
</aside> 

感谢

托马斯

Answer 1

在引导，标签工作方式：

http://getbootstrap.com/javascript/#tabs

标签标题显示在顶部并点击它们显示不同的内容。两个标签不会一次显示。

Answer 2

尝试将它打包到一个.btn组中。

<span class="btn-group"> 
    //your buttons 
</span>