然爸读书笔记(2014-10)----Bootsrap用户手册
2014-04-26 17:14
351 查看
本来其实这方面的知识,可以直接在网站上看,但是自己是web前端的小白。基本不懂。所以,还是买一本书来看,更好些。体现出我对前端的重视。
Bootstrap是快速开发Web应用程序的前端工具包。它是一个CSS和HTML的集合,它使用了最新的浏览器技术,给你的Web开发提供了时尚的版式,表单,buttons,表格,网格系统等等。
第一章:Bootstrap提供的网站框架
(1)Bootstrap的文件结构
bootstrap/
├── css/
│ ├── bootstrap.css
│ ├── bootstrap.min.css
│ ├── bootstrap-theme.css
│ └── bootstrap-theme.min.css
├── js/
│ ├── bootstrap.js
│ └── bootstrap.min.js
└── fonts/
├── glyphicons-halflings-regular.eot
├── glyphicons-halflings-regular.svg
├── glyphicons-halflings-regular.ttf
└── glyphicons-halflings-regular.woff
(2)响应式设计
要使bootstrap支持响应式布局,必须在<head>标签中添加<meta>标签。另外,你下载的文件中没有响应式的css文件,也需要单独下载。
第二章:Bootstrap预定义的css样式
(1)排版
bootstrap定义了6个级别的标题,分别是h1-h6,h1是36像素高;用class="lead"强调段落;用<strong>来强调具体文本;用<abbr>来标记缩写词。
(2)表格
适用<table>,<tr>,<td>来制定表格。
(3)表单
适用<form>制定表单。
第三章:Bootstrap内置的布局组件
(1)下拉菜单
class="dropdown-menu",用pull-right来右对齐等。
(2)按钮组
class="btn-group"。
(3)导航元素
class="nav";class="navbar"。
(4)标签
class="label";class="badge"。
(5)缩略图
class="thumbnail"。
(6)进度条
class="progress"。
第四章:Bootstrap支持的JavaScript插件
(1)模态框
class="modal"。
相关文章推荐
- jenkins用户手册-10-管理之安全管理
- Unity3d用户手册Blackberry 10 开发入门Blackberry10 FAQ
- Box2D v2.1.0用户手册(10)——世界(World Class)
- 转:在solaris 10 u3 x86上安装oracle 10g r2时,按照安装手册
- 《ASCE1885的信息安全》のCrypto++用户手册のrsa.h
- 机房收费系统用户手册
- Oracle11g之用户密码过期与修改用户密码|ArcSDE10因oracle用户密码过期而无法连接oracle数据库问题的解决
- 【ORACLE 10】表空间,用户 ,还原库,IMP,EXP,解锁
- AD开发用户(User)属性完全手册(AD User)
- unity用户手册中的shader部分总结
- 难以相信Windows 10竟然每月有5亿活跃用户
- Jasper Report v1.0用户手册中文版
- [翻译]JUnit 5 用户手册
- Git用户手册--远程管理-服务器上的Git
- Git用户手册
- django-10-数据库使用04 后台安装配置及增加用户对数据库基本读写操作
- Activiti基础教程--10开始活动节点,接收活动,用户任务(个人任务,组任务)
- Apache Accumulo用户手册
- jenkins用户手册-16-系统管理