文档章节

Bootstrap 内联标签和徽章,lable标签

之渊
 之渊
发布于 2016/12/13 16:57
字数 222
阅读 14
收藏 0

bootstarp 经常使用 bage ,它可以有不同颜色的

<div class="container">
    <div class="row">
        <div class="span12">
            <p><span class="badge">1</span></p>
            <p><span class="badge badge-success">2</span></p>
            <p><span class="badge badge-warning">4</span></p>
            <p><span class="badge badge-important">6</span></p>
            <p><span class="badge badge-info">8</span></p>
            <p><span class="badge badge-inverse">10</span></p>
        </div>
    </div>
    </div>

或者是  使用 label 标签也是可以的

<span class="label label-default">默认标签</span>
<span class="label label-primary">主要标签</span>
<span class="label label-success">成功标签</span>
<span class="label label-info">信息标签</span>
<span class="label label-warning">警告标签</span>
<span class="label label-danger">错误标签</span> 

颜色样式设置:

和按钮元素button类似,label样式也提供了多种颜色:

  ☑   label-deafult:默认标签,深灰色

  ☑   label-primary:主要标签,深蓝色

  ☑   label-success:成功标签,绿色

  ☑   label-info:信息标签,浅蓝色

  ☑   label-warning:警告标签,橙色

  ☑   label-danger:错误标签,红色

本文转载自:http://www.runoob.com/bootstrap/bootstrap-v2-inlinelabels-badges.html

之渊
粉丝 13
博文 643
码字总数 195996
作品 0
佛山
程序员
私信 提问
Bootstrap 徽章(Badges)

本章将讲解 Bootstrap 徽章(Badges)。徽章与标签相似,主要的区别在于徽章的边角更加圆滑。 徽章(Badges)主要用于突出显示新的或未读的项。如需使用徽章,只需要把 <span class="badge">...

wybo521
2016/01/27
23
0
BootStrap

bootstrap下载: 英文网址: 中文网址: 选择编译压缩版本,可下载到本地使用,也可网上引用CDN bootstrap应用 - 引用框架(基础)与注意点: bootstrap学习 文中带 . 的标号为选择器,如.le...

大仁孙
2016/07/13
59
0
Bootstrap 路径分页标签和徽章组件

一.路径组件 路径组件也叫做面包屑导航。 //面包屑导航 首页 产品列表 韩版 2015 年羊绒毛衣 二.分页组件 分页组件可以提供带有展示页面的功能。 //默认分页 «

菜鸟不菜么
2018/05/14
0
0
bootstrap 3, 全局样式、组件 学习总结。

全局样式css 概览 移动设备优先 布局容器 栅格系统 .row > .col- 列必须包含在行内, 默认12列 根据媒体查询将列前缀分为4种 列偏移 col-lg-offset- 表示向右偏移列。 排版 对齐: .text-left...

horacerain
2016/11/02
131
0
Bootstrap 表单

在本章中,我们将学习如何使用 Bootstrap 创建表单。Bootstrap 通过一些简单的 HTML 标记和扩展的类即可创建出不同样式的表单。 表单布局 Bootstrap 提供了下列类型的表单布局: 垂直表单(默...

wybo521
2016/01/26
91
0

没有更多内容

加载失败,请刷新页面

加载更多

好程序员Java学习路线分享MyBatis之线程优化

  好程序员Java学习路线分享MyBatis之线程优化,我们的项目存在大量用户同时访问的情况,那么就会出现大量线程并发访问数据库,这样会带来线程同步问题,本章我们将讨论MyBatis的线程同步问...

好程序员官方
28分钟前
6
0
IDEA 自定义方法注解模板

IDEA 自定义方法注解模板 1、使用效果 /*** 计算交易费用* @Author wangjiafang* @Date 2019/9/11* @param feeComputeVo* @return*/@PostMapping("/v1/fee_compute")public ApiResp......

小白的成长
28分钟前
6
0
转:进程 线程 协程 管程 纤程 概念对比理解

引言 不知道是不是我自己本身就有那么一丝丝的密集恐惧,把这么一大堆看起来很相似很相关的概念放在一起,看起来是有点麻,捋一捋感觉舒服多了。 相关概念 任务、作业(Job,Task,Schedule)...

xiaomin0322
39分钟前
6
0
前端数组转化成字符串

val=val.join(","); 转化后:“1,2,3”

郭周园
42分钟前
4
0
Spring Boot Admin配置详解

Client端配置 参数 默认值 说明 spring.boot.admin.client.enabled true 是否启用springbootAdmin客户端 spring.boot.admin.client.url 要注册的server端的url地址。如果要同时在多个server端...

兜兜毛毛
42分钟前
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部