码迷,mamicode.com
首页 > 其他好文 > 详细

Bootstrap 搭建基础页面

时间:2016-03-11 20:39:21      阅读:204      评论:0      收藏:0      [点我收藏+]

标签:

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

技术分享

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link href=" //netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
<title>Hello World</title>
</head>
<body>
<div class="text-center">
<h3>Hello World!</h3>
<button type="button" class="btn btn-primary" >我是按钮,按我一下</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 搭建基础页面

标签:

原文地址:http://www.cnblogs.com/wxh-hoho/p/5266882.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!