编程练习，基于bootstrap的网页开发教程-慕课网

3-13 编程练习

本节编程练习不计算学习进度，请电脑登录imooc.com操作

编程练习

基于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，打开第二个标签。

index.html

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Hello World</title>
 
 
 
 
 
</head>
 
<body>
 
 
 
 
 
</body>
</html>