##实现Tab的行为 当标签项点击切换的时候，这部分的交互就要交给Jquery代码来完成了。 代码设计思路如下：

遍历所有的标签页，为每个标签页添加点击(click)事件的处理函数

在该处理函数，高亮（使用Jquery在该标签项的class中添加cur）显示当前标签项和其对应的标签页，隐藏其它。

    $(function()
            {
        $('#booksfilter a').each(function(i)
        {//对每个tabs中的标签添加点击（click）事件的处理函数

            $(this).click(function(){
                $(this).addClass('cur');
                $(this).parent().siblings().find('a').removeClass('cur');//删除其他任何选项的cur类
                $('.booklist').eq(i).show();//显示本节点
                $('.booklist').eq(i).siblings().hide();//隐藏兄弟节点
            })

        });

            });

在右侧具体代码中，为了适应屏幕大小，将col-md-3改为了col-xs-3,如果你想使用这个插件的话在你的项目中记得改回去:)。另外，js代码直接放在了HTML的尾部。