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

bootstrap快速入门

难度中级
时长 2小时 5分
学习人数
综合评分9.37
179人评价 查看评价
9.6 内容实用
9.4 简洁易懂
9.1 逻辑清晰
  • 输入框改变颜色,lable标签class命名
    查看全部
  • .progress .progress-bar-striped
    查看全部
    0 采集 收起 来源:进度条

    2017-10-20

  • 记住了代码
    查看全部
    0 采集 收起 来源:栅格布局

    2017-10-20

  • 1。input-group表示控件组 2。。input-group-addon添加
    查看全部
    1 采集 收起 来源:控件组

    2017-10-19

  • 1、role 标示普通标签,使其语义化 2、aria-label 当鼠标移动上面,读屏软件读出相应的内容;配合读屏软件使用 3、tabIndex 可以设置键盘中的tab键在控件中进行移动,即焦点的移动; 4、data- html5新增,自定义属性
    查看全部
  • http://lyicon.lingyun.net/ http://www.iconfont.cn/
    查看全部
    0 采集 收起 来源:图标

    2017-10-19

  • em继承父元素 rem继承根元素 设置html的font-size为62.5%,那么1rem=10px
    查看全部
    0 采集 收起 来源:单位

    2017-10-19

  • 响应式开发 <meta name="viewport" content="width=device-width, initial-scale=1, maxium-scale=1,minimum-scale=1, user-scalable=no"> //width=device-width表示宽度与所显示的屏幕的宽度相同; //initial-scale=1 表示初始化可视区域缩放级别; //user-scalable 表示用户能否缩放页面; //maximum-scale 表示页面能被放大的最大级别; //minimum-scale 表示页面被缩小的最大级别;
    查看全部
    1 采集 收起 来源:viewport

    2018-03-22

  • 圆角 .img-rounded 圆形 .img-circle 带有边框的圆角图形 .img-thumbnail
    查看全部
  • btn 按钮 btn-default btn-success btn-primary 蓝色 btn-info btn-warning btn-danger btn-link active 默认的按下状态 btn-lg/sm 大小 btn-block 按钮全屏 disabled=“disabled” 按钮禁用
    查看全部
  • 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 悬停时颜色
    查看全部
  • @media only screen 的 only 表示当前屏幕。 当@media screen and (max-width:900px) and (min-width:500px){ .test{变另外一种样式} } 当屏幕宽度大于900px时.test的div样式为原先红色背景的样式, 当屏幕宽度小于900px时.test的div样式为蓝色背景的样式, 当屏幕宽度小于900px并且小于500px时.test的div样式为原先红色背景的样式。
    查看全部
    0 采集 收起 来源:栅格布局

    2017-10-18

  • 解决在手机端iphone6下的线条变粗问题,参考淘宝给出的解决方案,检测手机是否是视网膜屏。
    查看全部
    1 采集 收起 来源:viewport

    2017-10-18

  • 解决移动端适应问题。 <meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1,minimum-scale-1,user-scalable=no" >
    查看全部
    0 采集 收起 来源:viewport

    2018-03-22

举报

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

微信扫码,参与3人拼团

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

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