Twitter引导药片

时间:2012-08-20 07:23:35

标签: jquery twitter-bootstrap

我正在使用Twitter Bootstarp丸,这是我的HTML代码:

  <ul class="nav nav-pills">
    <li class="active"><a data-toggle="pill" href="#one">ONE</a></li>  
    <li><a data-toggle="pill" href="#two">TWO</a></li>
    <li><a data-toggle="pill" href="#three">THREE</a></li>
  </ul>

  <div id="one">
    div one content
  </div>

  <div id="two">
    div two content
  </div>

  <div id="three">
    div three content
  </div>

此代码显示标签丸并在点击时选择丸,但不显示与锚标签的href属性对应的div。

http://webdesigntutsplus.s3.amazonaws.com/tuts/319_bootstrap_pills_tabs/Tabs-Pills-BEGIN/tabs-pills.html

请指导我。
Thanx

3 个答案:

答案 0 :(得分:1)

终于得到了答案。我的HTML代码格式不正确。 实际上我正在寻找这个actually I was looking fro this .Anyway,Thanx回答家伙。

答案 1 :(得分:0)

如果你想要“Tabbable nav”,你必须包含一个单独的jQuery插件。用法描述为here

答案 2 :(得分:0)

是的,您需要更改相关内容的标记,以将标签链接到页面。

这是一个显示标签工作的小提琴:http://jsfiddle.net/rJxmc/