tab样式美化

下面我们来美化一下tab的样式吧，通过CSS代码来设置tab插件的样式，这些样式会覆盖掉bootstrap中的原有样式达到美化tab的效果，主要包括:

1. 标签的形状和背景色
2. 当前(被选中)标签的样式和背景色
3. 标签内容页样式
4. 与小屏幕兼容

//标签样式
.tab .nav-tabs {
……//详见右侧代码
}
//标签链接样式
.tab .nav-tabs li a {
background: transparent;
……//详见右侧代码
}
//当前选中标签样式
.tab .nav-tabs li.active a, .tab .nav-tabs li.active a i {
……//详见右侧代码
}
//当前选中标签之后插入的样式
.tab .nav-tabs li.active a:after {
……//详见右侧代码
}
//标签内容页样式
.tab .tab-content {
……//详见右侧CSS代码
}
//在小屏幕中的样式
@media only screen and (max-width: 480px) {
……//详见右侧代码
}