1

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

我正在使用 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>

谢谢

托马斯

4

2 回答 2

0

在引导程序中，选项卡以这种方式工作：

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

标签标题显示在顶部，单击它们会显示不同的内容。永远不会同时显示两个选项卡。

于 2013-11-05T05:55:42.240 回答
0

尝试将它包装在一个 .btn-group 到您的跨度中。

<span class="btn-group">
  //your buttons
</span>
于 2013-11-05T06:22:13.427 回答