• 课程 / Bootstrap

    独孤九贱(7)_Bootstrap视频教程

    介绍章节评论课件
    Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的 WEB 项目。为所有开发者、所有应用场景而设计,它让前端开发更快速、简单,所有开发者都能快速上手、所有设备都可以适配、所有项目都适用!Bootstrap 还是完全开源的,它的代码托管、开发、维护都依赖 GitHub 平台。PHP中文网推出的Bootstrap系列课程,适合于前端开发者入门学习参考~~
  • 难度:中级
  • 共30章节
  • 111973次播放
  • 第1章 Bootstrap初体验
    Bootstrap是什么?能做什么?
    如何下载Bootstrap?官网和GitHub
    文件引入与基本模板:本地引入/CDN引入
    栅格布局的原理:从田字格到阈值
    栅格布局的实现过程:容器到列的划分
    前端代码神器Emmet插件使用技巧
    第2章 常用排版元素
    标题与页面主体:h1~h6与全局设置
    内联文本处理:标记/引用/列表等
    页面中代码文本的处理:内嵌/键盘/变量/输出
    常用表格样式的介绍:通用/隔行变色/响应式等
    基本表单[垂直表单]:最常见的形式
    内联表单:全部元素同排显示,创造更大空间
    水平表单:标签与控件水平同排显示,响应式设计
    按钮:Bootstrap预定义的精美样式
    图片:响应式与外形样式
    第3章 常用组件
    字体图标的使用技巧:无限放大不失真
    下拉菜单:按钮与列表的完美组合
    按钮组的种类与设计技巧:团结起来力量大
    按钮式下拉菜单:实现导航的基础
    输入框组:将文本框与其它元素整合
    基本导航组件知识:标签式与胶囊式
    路径导航:也叫“面包屑导航”
    分页组件:经典样式与翻页样式
    给元素添加一个醒目的标签吧
    给元素佩戴上徽章,看上去更加高大上
    巨幕:页面上巨幅广告制作
    熟悉又陌生的页头元素
    缩略图组件:让我们一起做一个岛国视频站吧
    警告框:原来弹窗也可这样清新脱俗
    第4章 [选学]常用JavaScript插件
    模态框实例

    讲师介绍

    Peter-Zhu
    Peter-Zhu
    全栈工程师
    课程必读:

    学习之前,你应该具备HTML5和CSS3的一些基本知识,对于JavaScript了解基本语法即可。因为Bootstrap是依赖于jQuery框架,所以您还应该对jQuery框架有所了解。

    能学到什么:

    了解Bootstrap的用途,如果用它快速完成一个跨终端、响应式的网页布局。对页面上的常用组件的预定义类样式,相当熟悉。

    全部评论我要评论

  • 浮夸

    浮夸2年前

    就喜欢朱老师讲的课!终于看完了

    回复
    2

  • 工作专用

    工作专用4个月前

    用的什么bootstrap插件也没提,我自己搜索安装了跟老师这都不一样,我用的sublime,每次都还的bs3-进行提示

    回复
    1

  • 亦风

    亦风8个月前

    回复
    1

  • 吉祥鸟

    吉祥鸟1年前

    视频只能看1分钟,就不动了

    回复
    1

  • Peter-Zhu

    Peter-Zhu2年前

    第一章:Bootstrap初体验,第三节课:文件引入与基本模板的播放,已修复~~ 感谢反馈~~,祝学习愉快

    回复
    1

  • young

    young6天前

    说好的“结构和样式分离”呢?又回到html4了

    回复
    0

  •  ⃢

     ⃢2星期前

    是不是两个下载只下载一个就行了

    回复
    0

  • hz

    hz2星期前

    https://blog.csdn.net/qq_39944559/article/details/100388468 个人本章有关Emmet的上课笔记

    回复
    0

  • 宝怡

    宝怡1个月前

    百度的静态资源库好像已经凉了,提供一些其他的: https://www.bootcdn.cn/ http://staticfile.org/

    回复
    0

  • KWOK

    KWOK1个月前

    视频只能看1分钟,就不动了

    回复
    0

  • Merack

    Merack2个月前

    内容被水印挡住了....

    回复
    0

  • Peter-Zhu

    已修复

    Peter-Zhu · 1个月前
  • 渡

    2个月前

    请问课件在哪里下载?

    回复
    0

  • Peter-Zhu

    直接在bootstrap官网上就可以.... , 教学源码也是从上面copy的

    Peter-Zhu · 2个月前
  • Martin

    Martin3个月前

    不错的哦,感觉很牛的样子

    回复
    0

  • 拾光

    拾光4个月前

    挺好的,我全部看完了,收获挺大的

    回复
    0

  • seven

    seven5个月前

    卧槽,peter 老师牛逼啊

    回复
    0

  • 取消回复发送
  • PHP中文网