08-Bootstrap[Python]

一、什么是Bootstrap

• jQuery作为一个库来讲，提供一套比较便捷的操作DOM的方式
• 把大家都需要的功能预先写好到一些文件 这就是一个框架
• Bootstrap 让我们的 Web 开发更简单，更快捷；
• 注意是 Bootstrap 不是 BootStrap！这是一个词，不是合成词，其含义为：n. 引导指令,引导程序；
• Bootstrap 是当下最流行的前端框架（界面工具集；
• 特点就是灵活简洁，代码优雅，美观大方；
• 其目的是为了让 Web 开发更敏捷；

二、为什么使用Bootstarp

• 生态圈火，不断地更新迭代；
• 提供一套美观大方地界面组件；
• 提供一套优雅的 HTML+CSS 编码规范；
• 让我们的 Web 开发更简单，更快捷；

注意：使用 Bootstrap 并不代表不用写 CSS 样式，而是不用写绝大多数大家都会用到的样式

三、Bootstrap文档

• 官方文档
• 中文文档

四、下载Bootstrap

• https://github.com/twbs/bootstrap/releases/download/v3.3.6/bootstrap-3.3.6-dist.zip
• https://github.com/twbs/bootstrap/releases/download/v4.0.0-alpha.2/bootstrap-4.0.0-alpha.2-dist.zip

五、引入Bootstrap

六、基础CSS样式

• 概要
• 预置排版样式
• 按钮样式
• 表格样式
• 表单样式
• 图片样式
• 辅助工具类
• 代码样式
• 栅格系统
  • col-xs : 超小屏幕 手机 (<768px)
  • col-sm : 小屏幕 平板 (≥768px)
  • col-md : 中等屏幕 桌面显示器 (≥992px)
  • col-lg : 大屏幕 大桌面显示器 (≥1200px)
• 响应式工具类
  • hidden-xx-* : 在某种屏幕下隐藏
  • visible-xx-* : 在某种屏幕尺寸下显示

七、预置界面组件

• 导航
• 导航条
• 路径导航(面包屑导航)
• 下拉菜单
• 按钮式下拉菜单
• 按钮组
• 输入框组
• 警告框
• 页头
• 分页
• 列表组
• 面板
• 媒体对象
• 进度条
• Glyphicons字体图标
• 标签
• 徽章
• 缩略图
• 巨幕
• 嵌入内容
• Well内嵌

八、JavaScript插件

• 模态框
• 下拉菜单
• 滚动监听
• 标签页
• 工具提示
• 弹出框
• 警告框
• 按钮
• 折叠面板
• 轮播图

作者：西门奄
链接：https://www.jianshu.com/u/77035eb804c3
來源：
著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。