Bootstrap前端设计

网址精选

• Bootstrap起步：https://v3.bootcss.com/getting-started/
• 玩转Bootstrap（视频）：https://www.imooc.com/learn/141/
• Bootstrap菜鸟教程：http://www.runoob.com/bootstrap/bootstrap-tutorial.html
• W3C上的Bootstrap教程：https://www.w3cschool.cn/bootstrap/

实用教程

概览

• Bootstrap简介

• Bootstrap5 与 Bootstrap 3 & 4
• 安装bootstrap、Python Web开发：安装bootstrap

CSS

• Bootstrap CSS 概览
• Bootstrap 超大屏幕
• Bootstrap 图片
• 拓展：Bootstrap4 超大屏幕、Bootstrap4 图片
• Bootstrap排版

网页布局

• Bootstrap网格系统、例子：Python Web开发：Bootstrap栅格布局
• Bootstrap 缩略图
• Bootstrap 多媒体对象（图文混排）

表单

• Bootstrap 表单、Bootstrap 按钮
• Bootstrap 输入框组

• 案例：Python Flask: 用户注册网页设计、Python Flask: 用户登录网页设计
• 拓展：Bootstrap4 表单

导航栏

• Bootstrap3 导航
• 案例：Python Web开发：Bootstrap组件使用

Bootstrap 导航栏

Bootstrap 导航元素

Bootstrap 面包屑导航

表格

• Bootstrap3 列表、Bootstrap4 列表
• Bootstrap4 表格、Bootstrap4 创建一个网页
• Bootstrap4 按钮、Bootstrap4 导航

Bootstrap 按钮组

Bootstrap 面板（Panels）

其他

Bootstrap 下拉菜单（Dropdowns）

Bootstrap 字体图标(Glyphicons)

Bootstrap 按钮下拉菜单

Bootstrap 页面标题

Bootstrap 标签、Bootstrap 徽章

Bootstrap 分页

Bootstrap 警告

Bootstrap 进度条

Bootstrap 列表组

Bootstrap Well

返回 首页