社区
HTML5
帖子详情
bootstrap标签效果为什么没有呢
syanmug
2019-09-23 09:18:52
<ul class="nav nav-tabs">
<li class="active> <a href="#">Active</a> </li>
<li> <a href="#">Link</a> </li>
<li > <a href="#">Link</a> </li>
</ul>
按源代码输入的,在我的firefox和chrome浏览器显示不出标签效果,只是把各单词都连在一起了.
像这样:
"
这是怎么回事,请问有知道的么?
...全文
258
3
打赏
收藏
bootstrap标签效果为什么没有呢
Active Link Link 按源代码输入的,在我的firefox和chrome浏览器显示不出标签效果,只是把各单词都连在一起了. 像这样: " 这是怎么回事,请问有知道的么?
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
3 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
六个分号
2019-09-24
打赏
举报
回复
[quote=引用 楼主 syanmug 的回复:]
<ul class="nav nav-tabs">
<li class="active> <a href="#">Active</a> </li>
<li> <a href="#">Link</a> </li>
<li > <a href="#">Link</a> </li>
</ul>
<li class="active> 应该是"active"
jio可
2019-09-24
打赏
举报
回复
active这里少了右边分号
syanmug
2019-09-24
打赏
举报
回复
感谢两位细心,可能我引用本地bootstrap.min.css有问题,用网上的
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiS IFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
就正常了.
【033】
Bootstrap
实现
标签
页
效果
1. 版本
Bootstrap
v3.3.6 jQuery v1.11.32. 实现方法给显示
标签
页内容的DIV分别设置上ID: tab_1 和 tab_2。在
标签
页按钮上的 href 属性设置 #tab_1 和 #tab_2 来控制
标签
页内容的显示。具体代码如下:tab.html
【
Bootstrap
】
Bootstrap
标签
页
效果
效果
图(1):
效果
图(2):
效果
图(3): 代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale...
Bootstrap
的过渡
效果
过渡要使用
Bootstrap
的过渡
效果
,只需导入
bootstrap
.js 或
bootstrap
-transition.js 文件就行了,因为所有组件默认已经具有基本的过渡
效果
。默认情况下,以下组件使用了的过渡
效果
:模态对话框(Modal)的滑入滑出和淡入淡出;
标签
页(Tab)的淡出;警告框(Alert)的淡出;轮番(Carousel)的滑入滑出。需要注意的是,
Bootstrap
的过渡
效果
全部使...
Bootstrap
标签
导航的布局
标签
导航的布局默认情况下,
标签
的位于顶部。为了灵活控制
标签
的位置,
Bootstrap
额外提供了 3 个类,分别是 .tabs-left、.tabs-right、.tabs-below,它们分别让
标签
位于左侧、右侧、底部,可以根据需要选择使用。如果希望
标签
在左侧,只需为 .tabbable 容器追加 .tabs-left 类即可。如:<div class="tabbables tabs-lef...
5.6
Bootstrap
标签
页(Tab)插件
注意:如果您想要单独引用该插件的功能,那么您需要引用 tab.js。通过这个插件您可以把内容放置在
标签
页或者是胶囊式
标签
页甚至是下拉菜单
标签
页中。添加 nav 和 nav-tabs 类到 ul 中,将会应用
Bootstrap
标签
样式,添加 nav 和 nav-pills 类到 ul 中,将会应用
Bootstrap
胶囊式样式。.$().tab:该方法可以激活
标签
页元素和内容容器。下面的实例演示了
标签
页(Tab)插件方法 .tab 的用法。下面的实例演示了
标签
页(Tab)插件事件的用法。
HTML5
39,083
社区成员
5,548
社区内容
发帖
与我相关
我的任务
HTML5
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。
复制链接
扫一扫
分享
社区描述
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章