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