用bootstrap开发响应式网站
在开发当中,一套页面能响应多种终端并且在各种终端下显示的布局和内容不一样而且展示的比较合理,或者说一个网站能适配多种屏幕尺寸类型的网站。这样的一个开发模式就是响应式。
我们一般用bootstrap来帮助我们完成响应式建站,bootstrap 这套前端框架,提供了一套用户友好的前端工具集合,目的是为了让web开发更加敏捷。
全局Css样式
概览 | 栅格系统 | 排版 | 代码 |
表格 | 表单 | 按钮 | 图片 |
辅助类 | 响应式工具 | 使用less | 使用sass |
组件
字体图标 | 下拉菜单 | 按钮组 | 按钮式下拉菜单 |
输入框组 | 导航 | 导航条 | 路径导航 |
分页 | 标签 | 徽章 | 巨幕 |
页头 | 缩略图 | 警告框 | 进度条 |
媒体对象 | 列表组 | 面板 | 具有响应式的嵌入内容 |
well |
js插件
过渡效果 | 模态框 | 下拉菜单 | 滚动监听 |
标签页 | 工具提示 | 弹出框 | 警告框 |
按钮 | Collapse | Carousel | Affix |
bootstrap的定制
- 根据自己的需求,来定制符合自己要求的bs…
最后总结:
Bootstrap 的用法就是:
- 复制
- 粘贴
- 修改
:( 理解较浅 …