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

玩转Bootstrap(基础)

  • 使用Bootstrap框架中的条纹进度条只需要在进度条的容器“progress”基础上增加类名“progress-striped

    查看全部
  • 进度条--彩色进度条

     progress-bar-info:表示信息进度条,进度条颜色为蓝色

       progress-bar-success:表示成功进度条,进度条颜色为绿色

       progress-bar-warning:表示警告进度条,进度条颜色为黄色

       progress-bar-danger:表示错误进度条,进度条颜色为红色


    查看全部
  • 使用方法:

    Bootstrap框架中也是按这样的方式实现的,他提供了两个容器,外容器使用“progress”样式,子容器使用“progress-bar”样式。其中progress用来设置进度条的容器样式,而progress-bar用于限制进度条的进度。使用方法非常的简单:


    查看全部
  • Bootstrap框架是通过给警示框加的链接添加一个名为“alert-link”的类名,通过“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”样式,具体呈现的是背景、边框和文本都是浅红色。


    查看全部
  • Bootstrap框架通过“alert“样式来实现警示框效果

    查看全部
  • 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-10-22

  • 在IE中运行最新的渲染模式

    查看全部
  • 因为bootstrap中的js插件依赖于jQuery,js文件先引入jquery再引入bootstrap

    把css文件放在<head></head>中,把js文件放在<body></body>的最下面。

    查看全部
  • 仅有缩略图的基础上,添加了一个div名为“caption“的容器,在这个容器中放置其他内容,比如说标题,文本描述,按钮等:

    查看全部
    0 采集 收起 来源:缩略图(二)

    2018-10-22

  • 使用方法,其实也没什么太多可说的,你可以像标签一样,使用span标签来制作,然后为他加入badge类:

    查看全部
    0 采集 收起 来源:徽章

    2018-10-22

  • <h3>Example heading <span class="label label-default">New</span></h3>


    查看全部
    0 采集 收起 来源:标签

    2018-10-22

  • 为ul标签加入pager

    查看全部
  • 在Bootstrap框架中使用的是ul>li>a这样的结构,在ul标签上加入pagination方法

    查看全部

举报

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

微信扫码,参与3人拼团

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

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