bootstrap教程(一)———bootstrap标题(一)
2016-07-18 17:22
316 查看
本文为H5EDU机构官方的HTML5培训教程 bootstrap教程(一)。
我们首先要下载bootstrap的框架文件,放到我们的项目目录当中。
然后将bootstrap框架当中的bootstrap.css文件引入到项目当中。
之后我们可以看,在bootstrap当中的标题与我们没用使用框架的文件是有不同之处的。
最明显的是文字变细。
而且在bootstrap当中我们可以使用非标题元素来实现标题样式.
我们首先要下载bootstrap的框架文件,放到我们的项目目录当中。
然后将bootstrap框架当中的bootstrap.css文件引入到项目当中。
之后我们可以看,在bootstrap当中的标题与我们没用使用框架的文件是有不同之处的。
最明显的是文字变细。
<link rel="stylesheet" href="boostrap.css"> <!--bootstrap中的标题--> <h1>bootstrap标题一</h1> <h2>bootstrap标题二</h2> <h3>bootstrap标题三</h3> <h4>bootstrap标题四</h4> <h5>bootstrap标题五</h5> <h6>bootstrap标题六</h6>
而且在bootstrap当中我们可以使用非标题元素来实现标题样式.
<!--在bootstrap中使非标题元素使用标题样式--> <div class="h1">bootstrap标题一</div> <div class="h2">bootstrap标题二</div> <div class="h3">bootstrap标题三</div> <div class="h4">bootstrap标题四</div> <div class="h5">bootstrap标题五</div> <div class="h6">bootstrap标题六</div> 点击进入bootstrap强化教程
相关文章推荐
- bootstrap初试进度条
- Bootstrap 3.3.4 发布,Web 前端 UI 框架
- HTML5中在客户端验证文件上传的大小
- 在Windows 8.1的IE 11中屏蔽双击放大功能
- html5 web数据存储
- HTML5调用摄像头实例
- 页面元素查找之Selectors API
- 使用ajax实现用户登录验证(升级版)
- Powershell 创建炫丽美观的Html报表
- Canvas 在高清屏下绘制图片变模糊的解决方法
- angular 指令简述
- Apple官网研究之使用Justify布局导航
- 关于前端的思考与感悟
- 新时代编辑神器:Atom
- rem : web app适配的秘密武器
- jquery高级应用之Deferred对象
- 又被事件冒泡坑了一把,这次要彻底弄懂浏览器的事件流