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

玩转Bootstrap(基础)

  • mark
    查看全部
  • mark
    查看全部
  • Bootstrap中默认情况下无序列表和有序列表是带有项目符号的
    查看全部
  • 引入html5shiv.js支持IE9以下的浏览器 引入respond.js 支持媒体查询
    查看全部
  • 屏幕初始设置
    查看全部
  • IE=edge 在IE运行最新的渲染模式
    查看全部
  • 制作三角形的ICON,用过两种方法: 第一种:content内容为图片,这种方法的应用场景为:加阴影,或者不规则图形 .demo:after { content: url(arrow.png); position: absolute; left: -3%; top: 22px; } 第二种方法:和本节内容异曲同工 基于对css3中transparent的应用 下面用CSS3分别实现向上、下、左、右的三角形 /*箭头向上*/ .arrow-up { width:0; height:0; border-left:30px solid transparent; border-right:30px solid transparent; border-bottom:30px solid #fff; } /*箭头向下*/ .arrow-down { width:0; height:0; border-left:20px solid transparent; border-right:20px solid transparent; border-top:20px solid #0066cc; } /*箭头向左*/ .arrow-left { width:0; height:0; border-top:30px solid transparent; border-bottom:30px solid transparent; border-right:30px solid yellow; } /*箭头向右*/ .arrow-right { width:0; height:0; border-top:50px solid transparent; border-bottom: 50px solid transparent; border-left: 50px solid green; }
    查看全部
  • 等分按钮也常被称为是自适应分组按钮,其实现方法也非常的简单,只需要在按钮组“btn-group”上追加一个“btn-group-justified”类名
    查看全部
  • background-color: transparent; 对于一些不需要的背景色,可以给transparent色
    查看全部
    0 采集 收起 来源:基础导航条

    2014-11-24

  • border: 1px solid transparent; border-color: #e7e7e7; 注意这样写法
    查看全部
    0 采集 收起 来源:基础导航条

    2014-11-24

  • 此篇待重学
    查看全部
  • 任务代码
    查看全部
  • 代码任务
    查看全部
    0 采集 收起 来源:列的嵌套

    2014-11-23

  • 除了通过data-toggle和data-target来控制模态弹出窗之外,Bootstrap框架针对模态弹出框还提供了其他自定义data-属性,来控制模态弹出窗。比如说:是否有灰色背景modal-backdrop,是否可以按ESC键关闭模态弹出窗。有关于Modal弹出窗自定义属性相关说明如下所示:
    查看全部
  • Bootstrap框架通过“alert“样式来实现警示框效果。在默认情况之下,提供了四种不同的警示框效果: 1、成功警示框:告诉用用户操作成功,在“alert”样式基础上追加“alert-success”样式,具体呈现的是背景、边框和文本都是绿色; 2、信息警示框:给用户提供提示信息,在“alert”样式基础上追加“alert-info”样式,具体呈现的是背景、边框和文本都是浅蓝色; 3、警告警示框:提示用户小心操作(提供警告信息),在“alert”样式基础上追加“alert-warning”样式,具体呈现的是背景、边框、文本都是浅黄色; 4、错误警示框:提示用户操作错误,在“alert”样式基础上追加“alert-danger”样式,具体呈现的是背景、边框和文本都是浅红色。
    查看全部

举报

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

微信扫码,参与3人拼团

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

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