我完全没懂这练习是什么意思，是要自己写样式达成效果图的样子，还是bootstrap一引入用什么命名就能自动达到那个效果，也没有标准答案，看其他同学的代码也是完全懵逼，哪位大神帮我指导指导
https://www.imooc.com/learn/826
建议去看另一个教程，可以入门，再做这个就很简单了 链接在这以下是我的代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Hello World</title>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"/>
<style>
div {
text-align:center;
}
</style>
</head>
<body>
<div>
<h2>Hello World!</h2>
<button class="btn btn-primary btn-lg ">我是按钮，按我一下</button>
</div>
<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
</body>
</html>
建议你翻看一下bootstrap的中文文档，这是网站bootstrap
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<title>Hello World</title>
</head>
<body>
<div class="container">
<div class="text-center">
<h1 class="h1">Hello World!</h1>
<button class="btn btn-primary">我是按钮，按我一下！</button>
</div>
</div>
</body>
</html>
是利用bootstrap来写这样的页面，更方便快捷的完成效果