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

玩转Bootstrap(基础)

  • transition.js文件为Bootstrap具有过渡动画效果的组件提供了动画过渡效果。不过需要注意的是,这些过渡动画都是采用CSS3来实现的,所以IE6-8浏览器是不具备这些过渡动画效果。
    查看全部
  • 一次性导入: Bootstrap提供了一个单一的文件,这个文件包含了Bootstrap的所有JavaScript插件,即bootstrap.js(压缩版本:bootstrap.min.js)。
    查看全部
  • 引用说明
    查看全部
    0 采集 收起 来源:基本的HTML模板

    2014-12-09

  • •.text-muted:提示,使用浅灰色(#999) •.text-primary:主要,使用蓝色(#428bca) •.text-success:成功,使用浅绿色(#3c763d) •.text-info:通知信息,使用浅蓝色(#31708f) •.text-warning:警告,使用黄色(#8a6d3b) •.text-danger:危险,使用褐色(##a94442)
    查看全部
    0 采集 收起 来源:强调相关的类

    2014-12-09

  • <em>和<i>斜体
    查看全部
    0 采集 收起 来源:斜体

    2018-03-22

  • 在Bootstrap中,可以使用<b>和<strong>标签让文本直接加粗
    查看全部
    0 采集 收起 来源:粗体

    2018-03-22

  • UNIT: <div class="panel panel-danger"> <div class="panel-heading">图解CSS3</div> <div class="panel-body"> 详细讲解了选择器、边框、背景、文本、颜色、盒模型、伸缩布局盒模型、多列布局、渐变、过渡、动画、媒体、响应Web设计、Web字体等主题下涵盖的所有CSS3新特性 </div> </div>
    查看全部
    0 采集 收起 来源:面板

    2018-03-22

  • 标题:h1-h6用法和原始的相同,bootstrap还包含.h1-.h6的class定义,如下两种用法等效: <h1>我的第一个bootstrap标题</h1> <div class="h1">我的第一个bootstrap标题</div>
    查看全部
    0 采集 收起 来源:标题(一)

    2018-03-22

  • 副标题<small>标签 示例: <!--任务填写处--> <h1>孤儿院无私奉献30年<small>一曲人性的赞歌</small></h1>
    查看全部
    0 采集 收起 来源:标题(二)

    2018-03-22

  • 1、全局文本字号为14px(font-size)。 2、line-height大约是20px 3、color(#333); 4、margin: 0 0 10px; 上0 、左右0、 下10
    查看全部
  • 1、行高都是1,而且font-weight设置了normal变成了常规效果(不加粗),同时颜色被设置为灰色(#999)。 2、由于<small>内的文本字体在h1~h3内,其大小都设置为当前字号的65%;而在h4~h6内的字号都设置为当前字号的75%; 详细代码请参阅bootstrap.css文件中第407行~第443行。
    查看全部
    0 采集 收起 来源:标题(二)

    2018-03-22

  • 1.<meta http-equiv="X-UA-Compatible" content="IE=edge">在IE运行最新的渲染模式 2.<meta name="viewport" content="width=device-width, initial-scale=1">初始化移动浏览显示 viewport虚拟视口,可以平移和缩放,width=device-width视口的宽度等于设备的宽度,initial-scale=1缩放比例
    查看全部
  • 1、重新设置了margin-top和margin-bottom的值, h1~h3重置后的值都是20px;h4~h6重置后的值都是10px。 2、所有标题的行高都是1.1(也就是font-size的1.1倍),而且文本颜色和字体都继承父元素的颜色和字体。 3、固定不同级别标题字体大小,h1=36px,h2=30px,h3=24px,h4=18px,h5=14px和h6=12px。
    查看全部
    0 采集 收起 来源:标题(一)

    2014-12-09

  • 首先通过@keyframes创建了一个progress-bar-stripes的动画,这个动画主要做了一件事,就是改变背景图像的位置,也就是background-position的值。 调用动画对应的样式代码如下: /*bootstrap.css文件第4544行~第4547行*/ .progress.active .progress-bar { -webkit-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; }
    查看全部
  • 知识点: 嵌套 box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);(inset用法)
    查看全部

举报

0/150
提交
取消
课程须知
本教程适合具有一定前端基础的人员,对HTML和CSS有一定的了解,对于定制Bootstrap的同学需要具备LESS和Sass基础知识。
老师告诉你能学到什么?
1、了解Bootstrap框架 2、如何使用Bootstrap制作Web页面或Web应用程序 3、如何定制个性化Bootstrap

微信扫码,参与3人拼团

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

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