Dugu Jiujian (7)_Bootstrap-Video-Tutorial

• Kapitel1 Erste Erfahrungen mit Bootstrap
• 1-1 Bootstrap是什么?能做什么？
• 1-2 如何下载Bootstrap?官网和GitHub
• 1-3 文件引入与基本模板:本地引入/CDN引入
• 1-4 栅格布局的原理:从田字格到阈值
• 1-5 栅格布局的实现过程:容器到列的划分
• 1-6 前端代码神器Emmet插件使用技巧
• Kapitel2 Häufig verwendete Typografieelemente
• 2-1 标题与页面主体:h1~h6与全局设置
• 2-2 内联文本处理:标记/引用/列表等
• 2-3 页面中代码文本的处理:内嵌/键盘/变量/输出
• 2-4 常用表格样式的介绍:通用/隔行变色/响应式等
• 2-5 基本表单[垂直表单]:最常见的形式
• 2-6 内联表单:全部元素同排显示,创造更大空间
• 2-7 水平表单:标签与控件水平同排显示,响应式设计
• 2-8 按钮:Bootstrap预定义的精美样式
• 2-9 图片:响应式与外形样式
• Kapitel3 Gemeinsame Komponenten
• 3-1 字体图标的使用技巧:无限放大不失真
• 3-2 下拉菜单:按钮与列表的完美组合
• 3-3 按钮组的种类与设计技巧:团结起来力量大
• 3-4 按钮式下拉菜单:实现导航的基础
• 3-5 输入框组:将文本框与其它元素整合
• 3-6 基本导航组件知识:标签式与胶囊式
• 3-7 路径导航:也叫“面包屑导航”
• 3-8 分页组件:经典样式与翻页样式
• 3-9 给元素添加一个醒目的标签吧
• 3-10 给元素佩戴上徽章,看上去更加高大上
• 3-11 巨幕:页面上巨幅广告制作
• 3-12 熟悉又陌生的页头元素
• 3-13 缩略图组件:让我们一起做一个岛国视频站吧
• 3-14 警告框:原来弹窗也可这样清新脱俗
• Kapitel4 [Optional] Häufig verwendete JavaScript-Plug-Ins
• 4-1 模态框实例