Python全栈工程师之从网页搭建入门到Flask全栈项目实战(2) - 入门前端框架Bootstrap

Bootstrap框架介绍

Bootstrap是最受欢迎的HTML、CSS和JS框架，用于开发响应式布局、移动设备优先的WEB项目

Bootstrap的特点

• Bootstrap让前端开发更快速、简单
• 所有开发者都能快速上手
• 所有设备都可以适配（PC\平板\手机）
• 所有项目都适用（Web项目）

Bootstrap的组成

• CSS：拿来即用。如：全局CSS、栅格系统等；
• 组件：可复用。如：字体图标、下拉菜单等；
• JavaScript插件：对Bootstrap的扩展。如：模态框、下拉菜单、滚动监听、轮播图、弹出框、警告框、按钮、日期时间选择等等；

 

主要有三个大的版本：v2.X、v3.X、v4.X

版本差异：

• V2和V3的语法差别较大
• V4对整个BS框架进行了重写，使用上与V3差别不大
• V3的中文文档最为完善
• V3的使用最为广泛（示例最多，模板最多）

 

Bootstrap框架入门

官方文档：https://v3.bootcss.com/getting-started/#download