77范文网 - 专业文章范例文档资料分享平台

BootStrap入门教程(6)

来源:网络收集 时间:2018-11-23 下载这篇文档 手机版
说明:文章内容仅供预览,部分内容可能不全,需要完整文档或者需要复制内容,请下载word后使用。下载word有问题请添加微信号:或QQ: 处理(尽可能给您提供完整文档),感谢您的支持与谅解。点击这里给我发消息

3.标签(Label)、徽章(Badges)、排版(Typographic)与缩略图(Thumbnails)

3.1 标签(Label)与徽章(Badges)

标签是一个很好用的页面小要素,bootstrap具有多种颜色标签,表达不同的页面信息。只需要简单使用label标签即可。徽章是细小而简单的组件,用于指示或者计算某种类别的要素,在在email客户端很常见,实际上在一些签到式的网站(LBS)上也常常用到。如图3-8所示:

图3-8 标签(Label)与徽章(Badges)

代码片段如下:

View Code

Labels Markup

<span class=\>Default</span>

<span class=\>Success</span>

<span class=\>Warning</span>

<span class=\>Important</span>

<span class=\>Info</span>

<span class=\>Inverse</span>

Name Example Markup

Default

<span class=\>1</span>

Success

<span class=\>2</span>

Warning

<span class=\>4</span>

Important

<span class=\>6</span>

Info

<span class=\>8</span>

Inverse

<span class=\>10</span>

百度搜索“77cn”或“免费范文网”即可找到本站免费阅读全部范文。收藏本站方便下次阅读,免费范文网,提供经典小说综合文库BootStrap入门教程(6)在线全文阅读。

BootStrap入门教程(6).doc 将本文的Word文档下载到电脑,方便复制、编辑、收藏和打印 下载失败或者文档不完整,请联系客服人员解决!
本文链接:https://www.77cn.com.cn/wenku/zonghe/304925.html(转载请注明文章来源)
Copyright © 2008-2022 免费范文网 版权所有
声明 :本网站尊重并保护知识产权,根据《信息网络传播权保护条例》,如果我们转载的作品侵犯了您的权利,请在一个月内通知我们,我们会及时删除。
客服QQ: 邮箱:tiandhx2@hotmail.com
苏ICP备16052595号-18
× 注册会员免费下载(下载后可以自由复制和排版)
注册会员下载
全站内容免费自由复制
注册会员下载
全站内容免费自由复制
注:下载文档有可能“只有目录或者内容不全”等情况,请下载之前注意辨别,如果您已付费且无法下载或内容有问题,请联系我们协助你处理。
微信: QQ: