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

玩转Bootstrap(基础)

  • 列表项的状态 ☑ active:表示当前状态 ☑ disabled:表示禁用状态
    查看全部
  • 简单灵活的用于搭建Web页面的HTML(5)、CSS(3)、JavaScript的工具集,整体形成一个前端开发框架
    查看全部
    0 采集 收起 来源:Bootstrap简介

    2014-11-10

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

    2014-11-10

  • Bootstrap框加在链接列表组的基础上新增了两个样式: ☑ list-group-item-heading:用来定义列表项头部样式 ☑ list-group-item-text:用来定义列表项主要内容 这两个样式最大的作用就是用来帮助开发者可以自定义列表项里的内容
    查看全部
  • 带链接的列表组 一种是给文本添加链接。另一种是将ul li改成div和a的形式
    查看全部
  • 带微章的列表组 在“list-group-item”中添加徽章组件“badge”
    查看全部
  • 基础列表组 ☑ list-group:列表组容器,常用的是ul元素,当然也可以是ol或者div元素 ☑ list-group-item:列表项,常用的是li元素,当然也可以是div元素
    查看全部
  • 在ie下,<button>标记恐怕还存在几个不大不小的问题。 在一个表单里,如果有一个以上”submit”类型的<button>标签存在,在表单被提交时,不管你点击哪个<button>,所有<button>的值都会被post/get。 <button>的缺省type属性被设置为”button”,但是在A级别浏览器下,应该设置为”submit”才对 如果你用javascript去访问<button>的value属性,IE却返回了<button>的innerHTML属性,很让人恼火。 (可以使用”getAttributeNode”方法来避免.) 例如,一段HTML: <form> <button type="submit" value="1" name="action-1">text 1</button> <button type="submit" value="2" name="action-2">text 2</button> </form> 在IE下,上面两个button的数据都会被提交。并且ie会提交这两个button的innerText而不是value。而其它浏览器仅仅提交你点击的那个button。 以上,应该尽量避免使用button标记。
    查看全部
    0 采集 收起 来源:基础表单

    2018-03-22

  • 要把table提取到panel-body外面:
    查看全部
  • 媒体对象
    查看全部
  • 媒体对象 ☑ 媒体对像的容器:常使用“media”类名表示,用来容纳媒体对象的所有内容 ☑ 媒体对像的对象:常使用“media-object”表示,就是媒体对象中的对象,常常是图片 ☑ 媒体对象的主体:常使用“media-body”表示,就是媒体对像中的主体内容,可以是任何元素,常常是图片侧边内容 ☑ 媒体对象的标题:常使用“media-heading”表示,就是用来描述对象的一个标题,此部分可选 <div class="media"> <a class="pull-left" href="#"> <img class="media-object" src="http://img1.sycdn.imooc.com//52e1d29d000161fe06000338-300-170.jpg" alt="..."> </a> <div class="media-body"> <h4 class="media-heading">系列:十天精通CSS3</h4> <div>全方位深刻详解CSS3模块知识,经典案例分析,代码同步调试,让网页穿上绚丽装备!</div> </div> </div>
    查看全部
  • <div class="progress"> <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" >20%</div> </div>带label的进度条
    查看全部
  • 在进度条“progress progress-striped”两个类的基础上再加入“active”类名 实现动态条纹进度条
    查看全部
  • 在进度条的容器“progress”基础上增加类名“progress-striped”实现条纹进度条
    查看全部
  • 彩色进度条 ☑ progress-bar-info:表示信息进度条,进度条颜色为蓝色 ☑ progress-bar-success:表示成功进度条,进度条颜色为绿色 ☑ progress-bar-warning:表示警告进度条,进度条颜色为黄色 ☑ progress-bar-danger:表示错误进度条,进度条颜色为红色
    查看全部

举报

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

微信扫码,参与3人拼团

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

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