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

玩转Bootstrap(基础)

  • 进度条基本样式 <div class="progress"> <div class="progress-bar" ></div> </div>
    查看全部
  • alert-link 警示框的链接
    查看全部
  • 可关闭的警示框。 1、需要在基本警示框“alert”的基础上添加“alert-dismissable”样式。 2、在button标签中加入class="close"类,实现警示框关闭按钮的样式。 3、要确保关闭按钮元素上设置了自定义属性:“data-dismiss="alert"”(因为可关闭警示框需要借助于Javascript来检测该属性,从而控制警示框的关闭)。
    查看全部
  • 1、成功警示框:告诉用用户操作成功,在“alert”样式基础上追加“alert-success”样式,具体呈现的是背景、边框和文本都是绿色; 2、信息警示框:给用户提供提示信息,在“alert”样式基础上追加“alert-info”样式,具体呈现的是背景、边框和文本都是浅蓝色; 3、警告警示框:提示用户小心操作(提供警告信息),在“alert”样式基础上追加“alert-warning”样式,具体呈现的是背景、边框、文本都是浅黄色; 4、错误警示框:提示用户操作错误,在“alert”样式基础上追加“alert-danger”样式,具体呈现的是背景、边框和文本都是浅红色。
    查看全部
  • 让缩略图配合标题、描述内容,按钮等 caption的div中放
    查看全部
    0 采集 收起 来源:缩略图(二)

    2014-11-09

  • 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框架默认的表单是垂直显示风格,如果要用到水平的风格则需要以下的操作 1、在<kbd>form</kbd>标签里面添加<kbd>form-horizontal</kbd>的类 2、需要配置Bootstrap的网格系统
    查看全部
    0 采集 收起 来源:水平表单

    2018-03-22

  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>全局样式</title> <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"> </head> <body> <!-- Main jumbotron for a primary marketing message or call to action --> <div class="jumbotron"> <h1>Hello, world!</h1> <p>This is a template for a simple marketing or informational website. It includes a large callout called a jumbotron and three supporting pieces of content. Use it as a starting point to create something more unique.</p> <p><a href="#" >Learn more »</a></p> </div> </body> </html>
    查看全部
    0 采集 收起 来源:全局样式

    2018-03-22

  • 面板--彩色面板
    查看全部
  • 花开半夏
    查看全部
  • 我是一个基础面板,带有默认主题样式风格
    查看全部
  • 列表组--多彩列表组
    查看全部
  • 列表组--列表项的状态设置
    查看全部
  • badge
    查看全部
  • 自定义列表组
    查看全部

举报

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

微信扫码,参与3人拼团

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

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