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表格的点击详情按钮操作
181 1
|
前端开发 JavaScript 容器
|
前端开发 程序员 Android开发
Bootstrap+jQuery实现卡片标签样式的分页
Bootstrap+jQuery实现卡片标签样式的分页
132 0
|
11月前
Bootstrap5 加载效果3
通过使用 `.spinner-border-sm` 或 `.spinner-grow-sm` 类,可以调整加载效果的大小。示例代码展示了如何在按钮中嵌入这些加载图标,包括普通按钮、带有文字的按钮以及禁用状态的按钮。
|
11月前
Bootstrap5 加载效果2
使用 `.spinner-grow` 类可以创建闪烁的加载效果,配合不同的 `text-` 颜色类(如 `text-primary`、`text-success` 等)可以生成多种颜色的加载动画。
|
11月前
|
前端开发
Bootstrap5 加载效果1
Bootstrap 5 提供了 `.spinner-border` 类来创建加载中效果。通过简单的 HTML 代码即可实现旋转的加载图标。此外,还可以结合文本颜色类(如 `text-primary`、`text-success` 等)来自定义加载图标的颜色。
|
前端开发
Bootstrap 5 保姆级教程(六):进度条 & 加载效果
Bootstrap 5 保姆级教程(六):进度条 & 加载效果
|
前端开发
|
JSON 前端开发 JavaScript
BootStrap框架下使用JS动态加载table并点击相关列弹出二级页面
在这里记录一下,也是在公司用到的一个例子,刚刚解决,正好趁热打铁。前端页面是采用BootStrap框架搭建的,主要的样式涉及到项目,在这里就不截图了,直接上代码:
179 1
|
前端开发
bootstrap table点击修改按钮给弹框赋值
bootstrap table点击修改按钮给弹框赋值
101 0