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

2-4 编程练习

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

编程练习

基于Bootstrap实现下图所示效果的页面，一个居中的标题和一个大按钮：

效果图:

库引用地址:

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

jquery库: http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js

bootstrap.min.js：http://cdn.bootcss.com/bootstrap/3.2.0/js/bootstrap.min.js

任务

1. 搭建基础的bootstrap页面

2. 居中的标题和按钮

注意居中：通过文本对齐类，可以简单方便的将文字重新对齐，如class="text-center"

index.html

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
 
<title>Hello World</title>
 
 
</head>
 
<body>
 
 
</body>
</html>