• 课程 / Bootstrap

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

    最新:php小白到大牛三月集训营!

    立即报名 >
    介绍章节评论课件
    Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的 WEB 项目。为所有开发者、所有应用场景而设计,它让前端开发更快速、简单,所有开发者都能快速上手、所有设备都可以适配、所有项目都适用!Bootstrap 还是完全开源的,它的代码托管、开发、维护都依赖 GitHub 平台。PHP中文网推出的Bootstrap系列课程,适合于前端开发者入门学习参考~~
  • 难度:中级
  • 共30章节
  • 158028次播放
  • 第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的用途,如果用它快速完成一个跨终端、响应式的网页布局。对页面上的常用组件的预定义类样式,相当熟悉。

    全部评论我要评论

  • 浮夸

    浮夸3年前

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

    回复
    2

  • Peter-Zhu

    Peter-Zhu3年前

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

    回复
    2

  • 工作专用

    工作专用1年前

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

    回复
    1

  • 亦风

    亦风1年前

    回复
    1

  • 吉祥鸟

    吉祥鸟2年前

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

    回复
    1

  • cocoomma

    cocoomma2个月前

    现在有4了,那我是下载3还是4呢?

    回复
    0

  • 袁生

    袁生3个月前

    202006121307打卡

    回复
    0

  • 手机用户1578927667

    手机用户15789276677个月前

    新垣结衣不是av女优阿

    回复
    0

  • 欧珀

    欧珀9个月前

    看这节课之前,我只认识苍老师一个

    回复
    0

  • 豁免

    豁免10个月前

    老师怎么用emmet生成这种<p>php中文网<del>永久免费</del>的web平台</p> 后面的web平台怎么同时加进去能给个语法吗?

    回复
    0

  • young

    young12个月前

    因为图片是浮动的,所以模态框里的文字要足够多,否则底部的按钮跑到上面来了

    回复
    0

  • young

    young1年前

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

    回复
    0

  •  ⃢

     ⃢1年前

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

    回复
    0

  • hz

    hz1年前

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

    回复
    0

  • 宝怡

    宝怡1年前

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

    回复
    0

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