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

玩转Bootstrap(基础)

  • 在bootstrap下所有的元素都能按钮m,但是不能这么做,兼容性问题
    查看全部
    0 采集 收起 来源:多标签支持

    2016-11-04

  • 模态弹出框--实现原理解析(一) 实现原理解析: bootstrap中的“模态弹出框”有以下几个特点: 1、模态弹出窗是固定在浏览器中的。 2、单击右侧全屏按钮,在全屏状态下,模态弹出窗宽度是自适应的,而且modal-dialog水平居中。 3、当浏览器视窗大于768px时,模态弹出窗的宽度为600px。
    查看全部
  • 1 border-collapse 属性设置表格的边框是否被合并为一个单一的边框,还是象在标准的 HTML 中那样分开显示。 separate 默认值。边框会被分开。不会忽略 border-spacing 和 empty-cells 属性。 collapse 如果可能,边框会合并为一个单一的边框。会忽略 border-spacing 和 empty-cells 属性。 inherit 规定应该从父元素继承 border-collapse 属性的值。 2 content 属性与 :before 及 :after 伪元素配合使用,来插入生成内容。 3 !important 提升指定样式规则的应用优先权。( border-collapse: collapse !important;)
    查看全部
    0 采集 收起 来源:全局样式

    2016-11-04

  • 表单提示样式help-block将提示以块状显示。help-inline是将元素以行内提示信息显示。
    查看全部
    0 采集 收起 来源:表单提示信息

    2016-11-04

  • IE678适配H5 <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> IE678适配CSS3 <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    查看全部
    0 采集 收起 来源:基本的HTML模板

    2018-03-22

  • panel面板 panel-default/primary/info/warning/danger panel-body panel-heading panel-footer
    查看全部
    0 采集 收起 来源:面板

    2016-11-04

  • 网格系统的实现原理非常简单,仅仅是通过定义容器大小,平分12份(也有平分成24份或32份,但12份是最常见的),再调整内外边距,最后结合媒体查询,就制作出了强大的响应式网格系统。Bootstrap框架中的网格系统就是将容器平分成12份。
    查看全部
    0 采集 收起 来源:实现原理

    2016-11-04

  • 在Web的制作中,常常会碰到在一个标题后面紧跟着一行小的副标题。 在Bootstrap中他也考虑了这种排版效果,使用了<small>标签来制作副标题。
    查看全部
    0 采集 收起 来源:标题(二)

    2018-03-22

  • 列表组 list-group:列表组 list-group-item:列表项,常用的是li元素,当然也可以是div元素 list-group-item-heading:用来定义列表项头部样式 list-group-item-text:用来定义列表项主要内容
    查看全部
  • 初始化移动浏览器显示: <meta name = "viewport" content = "width=device-width,initial-scale=1"> width=device-width:让宽度等于适配器的宽度; initial-scale=1:缩放比例
    查看全部
  • 列表组--基础列表组: 基础列表组,看上去就是去掉了列表符号的列表项,并且配上一些特定的样式。在Bootstrap框架中的基础列表组主要包括两个部分: list-group:列表组容器,常用的是ul元素,当然也可以是ol或者div元素 list-group-item:列表项,常用的是li元素,当然也可以是div元素 <ul class="list-group"> <li class="list-group-item">揭开CSS3的面纱</li> <li class="list-group-item">CSS3选择器</li> <li class="list-group-item">CSS3边框</li> <li class="list-group-item">CSS3背景</li> <li class="list-group-item">CSS3文本</li> </ul>
    查看全部
  • bootstrap不支持IE的兼容模式,使用<meta http-eruiv = "X-UA-Compatible" content = "IE = edge">在IE运行最新的渲染模式
    查看全部
  • 媒体对象--媒体对象的嵌套: 只需要将另一个媒体对象结构放置在媒体对象的主体内“media-body”
    查看全部
  • 代码如下显示
    查看全部
  • 所有icon都是以”glyphicon-”前缀的类名开始,然后后缀表示图标的名称。 除了使用glyphicon.com提供的图标之外,还可以使用第三方为Bootstrap框架设计的图标字体,如Font Awesome(http://www.bootcss.com/p/font-awesome/)。使用方法和上面介绍的一样,不过记得将字体下载到你本地。
    查看全部
    0 采集 收起 来源:图标(二)

    2016-11-04

举报

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

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

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