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

bootstrap快速入门

难度中级
时长 2小时 5分
学习人数
综合评分9.37
179人评价 查看评价
9.6 内容实用
9.4 简洁易懂
9.1 逻辑清晰
  • 页面显示大小
    查看全部
    0 采集 收起 来源:viewport

    2017-10-18

  • HTML5的标签,用于修改文字样式 <mark>强调文字,底边变黄</mark><br/> <del>删除文字,中间有横线</del> <ins>下划线</ins> <u>下划线</u> <small>文字变小</small> <strong>文字加粗</strong> bootstrap样式,文本对齐方式 用法:<p class="text-left"> //左对齐 .text-center 居中 .text-right 右对齐 标题文字 <p class="h1">你好</p> //文字样式与HTML中<p>你好</p> 效果相同; .h2 .h3 .h4 .h5 .h6 英文大小写变化 .text-lowercase 大写变小写 .text-uppercase 小写变大写 .text-capitalize 首字母大写
    查看全部
  • 给控件加 .form-control 利用.input-group-addon添加控件图标
    查看全部
    1 采集 收起 来源:控件组

    2017-10-16

  • 创建 类名为input-group的div
    查看全部
    0 采集 收起 来源:控件组

    2017-10-16

  • 1、role 标示普通标签,使其语义化 2、aria-label 当鼠标移动上面,读屏软件读出相应的内容;配合读屏软件使用 3、tabIndex 可以设置键盘中的tab键在控件中进行移动,即焦点的移动; 4、data- html5新增,自定义属性
    查看全部
  • 字体图标的应用 <link rel="stylesheet" href="css/bootstrap.min.css"> //布置bootstrap的环境 <span class="图标名"></span> //应用图标,可用css修改图标样式
    查看全部
    1 采集 收起 来源:图标

    2018-03-22

  • 栅格将屏幕分为12等分;
    查看全部
    0 采集 收起 来源:栅格布局

    2017-10-15

  • 响应式开发 <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 表示页面被缩小的最大级别;
    查看全部
    0 采集 收起 来源:viewport

    2018-03-22

  • HTML5的标签,用于修改文字样式 <mark>强调文字,底边变黄</mark><br/> <del>删除文字,中间有横线</del> <ins>下划线</ins> <u>下划线</u> <small>文字变小</small> <strong>文字加粗</strong> bootstrap样式,文本对齐方式 用法:<p class="text-left"> //左对齐 .text-center 居中 .text-right 右对齐 标题文字 <p class="h1">你好</p> //文字样式与HTML中<p>你好</p> 效果相同; .h2 .h3 .h4 .h5 .h6 英文大小写变化 .text-lowercase 大写变小写 .text-uppercase 小写变大写 .text-capitalize 首字母大写
    查看全部
  • font-family来引用文件或字体 src为文件路径
    查看全部
    0 采集 收起 来源:图标

    2017-10-14

  • 通过font-face来引用本地或在线的字体
    查看全部
    0 采集 收起 来源:图标

    2017-10-14

  • http://lyicon.lingyun.net/ http://www.iconfont.cn/ 选择你要的那个图标加入购物车,点击你的购物车,下面就有下载源代码按钮,可以直接下载 用户如需出于商业目的使用iconfont平台任意个人公共库中的任意图标,均应事先获得相关知识产权权利人的授权,以避免产生不必要的纠纷
    查看全部
    0 采集 收起 来源:图标

    2017-10-13

  • Bootstrap——表单(1): html5特性: placeholder 给用户输入一个提示</br> form->form-inline 它的所有元素是内联的,向左对齐的,标签是并排的,水平排版</br> div->form-group 将label和input(或其他)组合成一个组件</br> input->input-lg/sm 改变输入框大小</br> input->form-control 圆角方框发光</br> label->sr-only 取消提示信息</br> label-> control-label 可更改相关样式</br> div ->form-group ->has-successs/waring has-error等可改变颜色 (label等元素中要有control-label)</br>
    查看全部
  • Bootstrap中的表格:</br> .table-bordered 带边框</br> .table-striped 条纹</br> .table-hover 悬停变色</br> .table-condensed 紧凑</br> .danger 红色 .warning 黄色 .info 蓝色 .success 绿色 .active 悬停时颜色
    查看全部
  • 用于修改文字样式</br> <mark>强调文字,底边变黄</mark></br> <del>删除文字,中间有横线</del></br> <ins>下划线</ins></br> <u>下划线</u></br> <small>文字变小</small></br> <strong>文字加粗</strong></br> </br> 对齐方式</br> text-left左对齐</br> text-center居中</br> text-right右对齐</br> </br> 英文大小写变换</br> text-lowercase大写变小写</br> text-uppercase小写变大写</br> text-capitalize首字母大写</br>
    查看全部

举报

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

微信扫码,参与3人拼团

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

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