章节
问答
课签
笔记
评论
占位
占位

编程练习

基于Bootstrap实现下图所示效果的页面,一个标签页,页面载入完毕后,默认打开第二个标签:

效果图:

库引用地址:

   bootstrap框架: //netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css

   jquery:  http://libs.baidu.com/jquery/1.9.0/jquery.js

   bootstrap.min.js//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js

任务

1. 搭建基础的bootstrap页面

2. 根据课程所学或官方文档搭建基础的标签页结构

3. 注意页面载入完毕后,调用标签页的js api,打开第二个标签。

?不会了怎么办

右下角"代码下载"区可以下载参考代码。

||
1
2
<!DOCTYPE html>
<html lang="zh
    -cn">
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
提交
重置代码
||

请验证,完成请求

由于请求次数过多,请先验证,完成再次请求

加群二维码

打开微信扫码自动绑定

您还未绑定服务号

绑定后可得到

  • · 粉丝专属优惠福利
  • · 大咖直播交流干货
  • · 课程更新,问题答复提醒
  • · 账号支付安全提醒

收藏课程后,能更快找到我哦~

使用 Ctrl+D 可将课程添加到书签

邀请您关注公众号
关注后,及时获悉本课程动态

举报

0/150
提交
取消
全部 精华 我要发布

最新回答 / itachy
大兄弟  请检查图中红色框框处对应自己的代码。<...图片...>

最新回答 / Jerps
<...code...>和在li里加class=“active”,作用是一样的,选一个就好

最赞回答 / 王有得
门外汉说我自己,希望不要误会。

最新回答 / mop18mop183811015
对应的课程有下载的,可以自行参考。

已采纳回答 / TortoiseChen
下面三个id为num1 num2 num3的div缺少了tab-pane类,感觉像这个原因

已采纳回答 / 小小奋斗Nice
你的HTML代码写的不对,参考官方给的写法:http://v3.bootcss.com/javascript/#tabs-examples & &ldiv& cl  &"na!-- Nav tabs --&="t  &st"ul class="nav nav-tabs" role="tablist"&s="    &>li role="presentation" class="active"&e" &olea href="#...

最新回答 / 李晓健
<...code...>不知道你想要的是什么效果,你这个样式在我这看的也是乱的,有一个问题就是 $("#deme1 .dropdown-menu a")这里   你id=demo1 的标签下根本就没有className=dropdown-menu 的标签。所以这里根本就选择不到任何元素。

已采纳回答 / 李晓健
<...code...>这两行 script 写错了

最新回答 / hey自然
你就晒一下你的码,你这样说,我们也是爱莫能助

最赞回答 / 木头锤纸
要求是调用js的api,不是调用active实现的,加上这段代码就对了<script>    $(function(){        $("a[href='#profile']").tab("show");        })</script>

+ 我来回答 回答最高可+2积分
全部 我要发布
最热 最新
只看我的

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

账号登录 验证码登录

遇到问题
忘记密码

代码语言