为了账号安全,请及时绑定邮箱和手机立即绑定

bootstrap快速入门

难度中级
时长 2小时 5分
学习人数
综合评分9.37
179人评价 查看评价
9.6 内容实用
9.4 简洁易懂
9.1 逻辑清晰
  • Bootstrap组件——分页 .pagination .pager .previous .next
    查看全部
    0 采集 收起 来源:分页

    2017-07-18

  • Bootstrap组件——导航
    查看全部
    0 采集 收起 来源:导航

    2017-07-18

  • 下拉菜单
    查看全部
    0 采集 收起 来源:下拉菜单

    2017-07-18

  • 星型图标按钮 glyphicon glyphicon-star
    查看全部
    0 采集 收起 来源:字体图标

    2017-07-18

  • 怪异属性 1、role: HTML5的标签属性,标识标签使其语义化,方便浏览器对其具体功能进行识别,给特定的浏览器使用比如盲文浏览器 2、aria-label:用在输入框,当焦点落到输入框时读屏软件可读出输入框的内容 3、tabIndex:设置键盘的Tab键在控件中的移动,就是焦点的移动顺序,方便一些有障碍的人士浏览网页 4、data-:HTML5新增的用于自定义的属性,不影响页面显示,管理自己想要实现的数据传递,包括数据交互的一些效果。 本章节跳过1/2/3属性,会涉及4、data-。
    查看全部
  • 解决在iPhone里细线变粗的问题(阿里解决方案)
    查看全部
    0 采集 收起 来源:viewport

    2017-07-18

  • <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,minimum-scale=1,user-scale=no">
    查看全部
    0 采集 收起 来源:viewport

    2018-03-22

  • meta中的Viewport
    查看全部
    0 采集 收起 来源:viewport

    2017-07-18

  • Bootstrap表单(2) 按钮: button:btn 圆角灰色按钮 button:btn btn-default 圆角灰色边框按钮 button:btn btn-success 绿色 button:btn btn-primary 蓝色 button:btn btn-info 浅蓝 button:btn btn-warning 黄色 button:btn btn-danger 红色 button:btn btn-link 链接按钮改 btn-lg,btn-sm 按钮变大,变小 active 按下状态 btn-block 撑满父级,全屏 属性:disabled="disabled"禁用按钮 把链接变成按钮 <a class="btn btn-danger" href="">这是</a>
    查看全部
  • Bootstrap——表单(1): html5特性: placeholder 给用户输入一个提示 form->form-inline 它的所有元素是内联的,向左对齐的,标签是并排的,水平排版 div->form-group 将label和input(或其他)组合成一个组件 input->input-lg/sm 改变输入框大小 input->form-control 圆角方框发光 label->sr-only 取消提示信息 label-> control-label 可更改相关样式 div->has-successs/waring has-error等可改变颜色 (label等元素中要有control-label)
    查看全部
  • Bootstrap中的表格: .table-bordered 带边框 .table-striped 条纹 .table-hover 悬停变色 .table-condensed 紧凑 .danger 红色 .warning 黄色 .info 蓝色 .success 绿色 .active 悬停时颜色
    查看全部
  • Bootstrap中的排版——文字 1.对齐方式: .text-left:左对齐 .text-center:居中 .text-right:右对齐 2.大小写排版 .text-lowercase:全部改为小写 .text-uppercase:全部改为大写 .text-capitalize:首字母大写 3.特殊样式 <del></del>:中划线/删除线 <ins></ins>:下划线/插入文本 <small></small>:缩小文字 <strong></strong>:加粗文字
    查看全部
  • 1、bootstrap全局样式用法 2、viewport的意义 3、栅格化布局用法 4、字体、图标 5、实现响应式布局的开发
    查看全部
    0 采集 收起 来源:课程介绍

    2017-07-17

  • 专门针对Bootstrap的开发工具
    查看全部
  • 风清723 form->form-inline 它的所有元素是内联的,向左对齐的,标签是并排的,水平排版 div->form-group 将label和input(或其他)组合成一个组件 input->input-lg/sm 改变输入框大小 html5特性: placeholder 给用户输入一个提示 input->form-control 圆角方框发光 label->sr-only 取消提示信息 label-> control-label 可更改相关样式 div->has-successs/waring has-error等可改变颜色 (label等元素中要有control-label)
    查看全部

举报

0/150
提交
取消
课程须知
本教程适合具有一定前端基础的人员,对HTML、CSS、JavaScript有一定的了解。
老师告诉你能学到什么?
(1)如何快速搭建网页 (2)如何使用组件开发 (3)使用bootstrap插件实现网页的开发

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!