关闭

[学习笔记] bootstrap(八): 标签和徽章(比如消息通知的小数字)

标签: bootstrapLabel徽章
2106人阅读 评论(0) 收藏 举报
分类:

标签

<span class="label label-default"> Label</span>
<span class="label label-default label-success"> Label</span>
<span class="label label-default label-danger" > Label</span>
<span class="label label-default label-primary"> Label</span>

徽章

<a href="#"> 购物车 <span class="badge">3</span></a>
<ul class="nav nav-pills">
    <li class="active"> <a href="#"> 购物车 <span class="badge">3</span></a> </li>
    <li> <a href="#"> 消息 <span class="badge">3</span></a> </li>
</ul>
0
1
查看评论

bootstrap之notification消息提示应用

在web页面开发中,会用到很多信息弹出的提示,notification就是其中比较好的一款,在开发中用到,特此记录下 $.smallBox({ title : title, content : ""+content+"  点击关闭"...
  • yibing548
  • yibing548
  • 2015-12-28 14:23
  • 7138

强大的响应式jQuery消息通知框和信息提示框插件

lobibox是一款功能非常强大的jQuery消息通知框和信息提示框插件。这个插件分为两个部分:消息通知框和信息提示框。它能非常好的结合Bootstrap使用。 信息提示框 lobibox的信息提示框可以是模态窗口,也可以不是模态窗口。允许显示多条信息。允许使用任何可用的CSS动画来显示...
  • sunny_girls
  • sunny_girls
  • 2015-06-02 12:46
  • 7485

HTML消息提醒(Notification)

function MessageNotice() { this.defaultTitle = document.title; this.message = "【新消息】"; this.emptyMsg = "【   】"; /...
  • u014520745
  • u014520745
  • 2016-09-18 18:40
  • 1370

Bootstrap智能消息提示框

Bootstrap智能消息提示框
  • qing_gee
  • qing_gee
  • 2015-10-15 17:32
  • 2566

新消息提醒个数提示例子

  • 2014-10-21 17:12
  • 189KB
  • 下载

提示小红点样式

小红点样式: .con_bot a .span_position{ position:absolute; border-radius:50%; background-color:#ff2122; color:#fff; font-size:0.3rem; width:0.4rem; ...
  • qq_23145857
  • qq_23145857
  • 2016-11-25 11:49
  • 1538

深入理解BootStrap -- 标签(label)与徽章(badge)12

1、标签 在一些Web页面中常常会添加一个标签用来告诉用户一些额外的信息,比如说在导航上添加了一个新导航项,可能就会加一个“new”标签,来告诉用户。这是新添加的导航项。如下图所示: 那么在Bootstrap框架中特意将这样的效果提取出来成为一个标签组件,并且以“.label”样...
  • z742182637
  • z742182637
  • 2016-01-06 14:00
  • 7612

Bootstrap实现标签页效果

1. 版本Bootstrap v3.3.6 jQuery v1.11.32. 实现方法给显示标签页内容的DIV分别设置上ID: tab_1 和 tab_2。在标签页按钮上的 href 属性设置 #tab_1 和 #tab_2 来控制标签页内容的显示。具体代码如下:tab.html<!DOCT...
  • zhangchao19890805
  • zhangchao19890805
  • 2016-07-28 09:42
  • 4037

bootstrap数字控件

原文链接:http://www.gbtags.com/gb/rtreplayerpreview/1404.htm Bootstrap 3 输入框数字修改效果 /*CSS源代码*/ @import url(...
  • kymegg
  • kymegg
  • 2016-03-18 17:16
  • 1998

分享一个textView右上角的添加小红点的 tips

package com.ydk.mikecrm.view; import com.ydk.mikecrm.R; import android.content.Context; import android.content.res.TypedArray; import android.graphi...
  • swust_chenpeng
  • swust_chenpeng
  • 2014-07-07 12:43
  • 14031
    个人资料
    • 访问:27245次
    • 积分:777
    • 等级:
    • 排名:千里之外
    • 原创:50篇
    • 转载:2篇
    • 译文:0篇
    • 评论:16条
    最新评论