Boostrap入门(一)

简介:

1.第一步:下载Boostrap有关文件

Boostrap中文网:http://www.bootcss.com/

-->-->

 

2.第二步:

如下代码:引入相关文件即可。

复制代码
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Boostrap模板(zqzjs)</title>
    <link href="BoostrapPlugin/bootstrap.css" rel="stylesheet"/>
    <!-- 注意: 如果通过 file://  引入 Respond.js 文件,则该文件无法起效果 -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
</head>
<body>
    <h1>Hello Word</h1>
    <h2>I am  a  doubi!</h2>

</body>
<script src="BoostrapPlugin/jquery.min.js"></script>
<script src="BoostrapPlugin/bootstrap.min.js"></script>
</html>
复制代码

 

3.查看效果:

转载:http://www.cnblogs.com/zqzjs/p/4782878.html

目录
相关文章
|
1月前
|
前端开发 JavaScript
Boostrap技能点整理之【bootstrap简介】
Boostrap技能点整理之【bootstrap简介】
13 0
|
7月前
|
前端开发 JavaScript
Bootstrap 入门学习
Bootstrap 入门学习
43 0
|
7月前
|
前端开发 JavaScript 容器
Bootstrap前段框架(一篇到底)
Bootstrap前段框架(一篇到底)
54 0
|
6月前
|
Web App开发 开发框架 前端开发
Fastadmin是一款基于thinkphp和bootstrap的快速后台开发框架
Fastadmin是一款基于thinkphp和bootstrap的快速后台开发框架
|
前端开发
bootstrap栅格系统的使用 适合初学者
bootstrap栅格系统的使用 适合初学者
|
前端开发
Boostrap快速入门
Boostrap快速入门
64 0
|
前端开发 容器
Bootstrap,浅入一下。
Bootstrap,浅入一下。
111 0
Bootstrap,浅入一下。
|
编解码 前端开发 JavaScript
|
前端开发 JavaScript 容器
Bootstrap入门学习(三)——简单项目
Bootstrap入门学习(三)——简单项目
171 0
Bootstrap入门学习(三)——简单项目
|
前端开发 Java Spring
Spring之路(22)–SpringMVC+Bootstrap开发博客系统实例(引入Boostrap并实现浏览博客页面)
本文目录 1.背景 2. 浏览博客功能实现 3. 导入Bootsrap 4. 利用Bootstrap样式美化表格 5. 利用Bootstrap添加导航栏 6. 添加修改、删除链接 7. 总结
240 0
Spring之路(22)–SpringMVC+Bootstrap开发博客系统实例(引入Boostrap并实现浏览博客页面)

相关实验场景

更多