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删除就显示了


相关文章
|
JSON 前端开发 数据格式
bootstrap table表格的点击详情按钮操作
bootstrap table表格的点击详情按钮操作
100 1
|
前端开发 JavaScript 容器
|
前端开发 程序员 Android开发
Bootstrap+jQuery实现卡片标签样式的分页
Bootstrap+jQuery实现卡片标签样式的分页
64 0
|
14天前
Bootstrap5 加载效果3
通过使用 `.spinner-border-sm` 或 `.spinner-grow-sm` 类,可以调整加载效果的大小。示例代码展示了如何在按钮中嵌入这些加载图标,包括普通按钮、带有文字的按钮以及禁用状态的按钮。
|
15天前
Bootstrap5 加载效果2
使用 `.spinner-grow` 类可以创建闪烁的加载效果,配合不同的 `text-` 颜色类(如 `text-primary`、`text-success` 等)可以生成多种颜色的加载动画。
|
15天前
|
前端开发
Bootstrap5 加载效果1
Bootstrap 5 提供了 `.spinner-border` 类来创建加载中效果。通过简单的 HTML 代码即可实现旋转的加载图标。此外,还可以结合文本颜色类(如 `text-primary`、`text-success` 等)来自定义加载图标的颜色。
|
6月前
|
前端开发
Bootstrap 5 保姆级教程(六):进度条 & 加载效果
Bootstrap 5 保姆级教程(六):进度条 & 加载效果
|
前端开发
bootstrap table点击修改按钮给弹框赋值
bootstrap table点击修改按钮给弹框赋值
50 0
|
前端开发
解决bootstrap table刷新加载时白色闪屏问题
解决bootstrap table刷新加载时白色闪屏问题
78 0