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

玩转Bootstrap(基础)

  • 体类似于加粗一样,除了可以给元素设置样式font-style值为italic实现之外,在Bootstrap中还可以通过使用标签<em>或<i>来实现。
    查看全部
    0 采集 收起 来源:斜体

    2018-03-22

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

    2018-03-22

  • 如果想让一个段落p突出显示,可以通过添加类名“.lead”实现,其作用就是增大文本字号,加粗文本,而且对行高和margin也做相应的处理。
    查看全部
    0 采集 收起 来源:强调内容

    2015-01-04

  • <!--下面是代码任务部分--> <ol> <li>有序项目列表一</li> <li>有序项目列表二 <ol class="list-unstyled"> <li>有序二级项目列表一</li> <li>有序二级项目列表二 <ul> <li>无序三级项目列表一</li> <li>无序三级项目列表二 <ol class="list-unstyled"> <li>无序四级项目列表一</li> <li>无序四级项目列表二</li> </ol> </li> <li>无序三级项目列表三</li> </ul> </li> <li>有序二级项目列表三</li> </ol> </li> <li>有序项目列表三</li> </ol>
    查看全部
  • <small>标签来制作副标题。这个副标题具有其自己的一些独特样式: 1、行高都是1,而且font-weight设置了normal变成了常规效果(不加粗),同时颜色被设置为灰色(#999)。 2、由于<small>内的文本字体在h1~h3内,其大小都设置为当前字号的65%;而在h4~h6内的字号都设置为当前字号的75%;
    查看全部
    0 采集 收起 来源:标题(二)

    2018-03-22

  • <small>标签来制作副标题。这个副标题具有其自己的一些独特样式: 1、行高都是1,而且font-weight设置了normal变成了常规效果(不加粗),同时颜色被设置为灰色(#999)。 2、由于<small>内的文本字体在h1~h3内,其大小都设置为当前字号的65%;而在h4~h6内的字号都设置为当前字号的75%;
    查看全部
    0 采集 收起 来源:标题(二)

    2018-03-22

  • bootstrap模板为使IE6、7、8版本(IE9以下版本)浏览器兼容html5新增的标签,引入下面代码文件即可。 <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> 同理为使IE6、7、8版本浏览器兼容css3样式,引入下面代码: <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    查看全部
    0 采集 收起 来源:基本的HTML模板

    2018-03-22

  • bootstrap中的JS插件依赖于JQ,因此JQ要在bootstrap之前引用
    查看全部
  • Bootstrap中让非标题元素和标题使用相同的样式 <h1 class="h1"></h1> .table:基础表格 .table-striped:斑马线表格 .table-bordered:带边框的表格 .table-hover:鼠标悬停高亮的表格 .table-condensed:紧凑型表格 .table-responsive:响应式表格 <button class="btn" type="button">基础按钮.btn</button> <button class="btn btn-default" type="button">默认按钮.btn-default</button> <button class="btn btn-primary" type="button">主要按钮.btn-primary</button> <button class="btn btn-success" type="button">成功按钮.btn-success</button> <button class="btn btn-info" type="button">信息按钮.btn-info</button> <button class="btn btn-warning" type="button">警告按钮.btn-warning</button> <button class="btn btn-danger" type="button">危险按钮.btn-danger</button> <button class="btn btn-link" type="button">链接按钮.btn-link</button> btn-lg 大按钮 btn-primary正常 btn-sm 小按钮 glyphicon 图标(可加后缀) col-md-1 网格系统(1-12) <div class="dropdown"> <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown">
    查看全部
    0 采集 收起 来源:标题(一)

    2018-03-22

  • 简单灵活的用于搭建Web页面的HTML、CSS、JavaScript的工具集
    查看全部
    0 采集 收起 来源:Bootstrap简介

    2015-01-04

  • bootstrap中的JS插件依赖于JQ,因此JQ要在bootstrap之前引用
    查看全部
  • bootstrap官网
    查看全部
  • 1、宽度变成了100% 2、设置了一个浅灰色(#ccc)的边框 3、具有4px的圆角 4、设置阴影效果,并且元素得到焦点之时,阴影和边框效果会有所变化 5、设置了placeholder的颜色为#999
    查看全部
    0 采集 收起 来源:基础表单

    2015-01-03

  • ☑ .table:基础表格 ☑ .table-striped:斑马线表格 ☑ .table-bordered:带边框的表格 ☑ .table-hover:鼠标悬停高亮的表格 ☑ .table-condensed:紧凑型表格 ☑ .table-responsive:响应式表格
    查看全部
    0 采集 收起 来源:表格

    2015-01-03

  • .pre-scrollable{ max-height:340px; overflow-y:scroll; }
    查看全部
    0 采集 收起 来源:代码(二)

    2015-01-03

举报

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

微信扫码,参与3人拼团

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

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