Bootstrap tab页签刷新加载不显示,只有点击其他标签后第一个才显示

简介: Bootstrap tab页签刷新加载不显示,只有点击其他标签后第一个才显示

Bootstrap tab页签刷新加载不显示,只有点击其他标签后第一个才显示

解决方法:

在tab-content里面的tab-pane中添加active

<!-- 导航区 -->
<li role="presentation" class="active">
    <a href="#home" role="tab" data-toggle="tab">Home</a>
</li>
<!-- 面板区 -->
<div role="tabpanel" class="tab-pane active" id="home">
    ...
</div>

如果tab-pane fade active 也不显示,把fade删除就显示了


相关文章
|
人工智能 自然语言处理 安全
详解:poe ai官网是什么_poe ai官方网站_Poe AI官网入口
在全球范围内,人工智能的迅速发展引发了广泛关注,而Poe AI作为一款前沿的AI聊天平台,正处于这场技术变革的前沿
2108 10
|
前端开发 JavaScript 容器
|
开发框架 缓存 IDE
【教程】 .Net环境和开发工具Visual Studio的安装
安装.NET环境和Visual Studio开发工具的教程
1358 0
【教程】 .Net环境和开发工具Visual Studio的安装
|
存储 前端开发 JavaScript
vue两种方式实现:用户长时间不操作退出到登录页
vue两种方式实现:用户长时间不操作退出到登录页
1103 0
|
Java Linux
SpringBoot项目 Activiti Linux部署流程图解决出现的乱码问题
SpringBoot项目 Activiti Linux部署流程图解决出现的乱码问题
|
关系型数据库 MySQL 网络安全
KaliLinux常见问题与解决方案
KaliLinux常见问题与解决方案
1721 2
|
JavaScript 关系型数据库 MySQL
盘点6个.NetCore+Vue前后端分离的开源项目
盘点6个.NetCore+Vue前后端分离的开源项目
2916 0
|
存储 缓存 NoSQL
分布式架构下 Session 共享的方案
【10月更文挑战第15天】在实际应用中,需要根据具体的业务需求、系统架构和性能要求等因素,选择合适的 Session 共享方案。同时,还需要不断地进行优化和调整,以确保系统的稳定性和可靠性。
755 55
|
中间件 API PHP
Laravel 日志、调试、输出、授权等技巧总结
我们可以使用 Log::info(),或使用更短的 info() 额外参数信息,来了解更多发生的事情
951 0
|
缓存 资源调度 JavaScript
yarn安装和使用及与npm的区别
yarn安装和使用及与npm的区别