Interface elements


Labels and badges
Labels Markup
Default <span class="label">
Success <span class="label label-success">
Warning <span class="label label-warning">
Important <span class="label label-important">
Info <span class="label label-info">
Inverse <span class="label label-inverse">
Name Example Markup
Default 1 <span class="badge">
Success 2 <span class="badge badge-success">
Warning 4 <span class="badge badge-warning">
Important 6 <span class="badge badge-important">
Info 8 <span class="badge badge-info">
Inverse 10 <span class="badge badge-inverse">
Different notifications
  • Standard notification
  • Sticky notification
  • Notification with image
Different Bars
  1. <div class="progress">
  2. <div class="bar" style="width: difine%;"></div>
  3. </div>
  1. <div class="progress progress-striped">
  2. <div class="bar" style="width: 60%;"></div>
  3. </div>
  1. <div class="progress progress-striped active">
  2. <div class="bar" style="width: 60%;"></div>
  3. </div>
  1. <div class="progress">
  2. <div class="bar bar-success" style="width: 35%;"></div>
  3. <div class="bar bar-warning" style="width: 20%;"></div>
  4. <div class="bar bar-danger" style="width: 10%;"></div>
  5. </div>
Pop-up dialogs
View Popup Alert image Popup
Tooltip directions

Four directions of the tooltips, just add a class: 'tip-top', 'tip-bottom', 'tip-left' or 'tip-right' without quotes to the element you want to have tooltip.

Pagination

Default pagination

Alternate pagination

<div class="pagination alternate">
Typography

h1. Heading 1

h2. Heading 2

h3. Heading 3

h4. Heading 4

h5. Heading 5
h6. Heading 6
Notifications
×

Warning!

You're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
×

Success!

Tou're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
×

Info!

Tou're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
×

Error!

You're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
Warning! Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
Success! Libero, a pharetra augue. Praesent commodo
Info! you're not looking too good.
Error! Nulla vitae elit libero, a pharetra augue. Praesent commodo
网络课堂软件软件大会黄金走势软件诺基亚x2软件下载诺基亚6500s软件下载网络课堂软件土豆视频下载软件黄金走势软件方正期货软件下载诺基亚2700c软件下载诺基亚6303ci软件下载黄金走势软件lumia800软件诺基亚6303ci软件下载犀牛软件视频教程诺基亚2700c软件下载n70软件诺基亚n79软件下载诺基亚6500s软件下载互联网软件高正软件诺基亚n79软件下载方正期货软件下载头脑风暴软件诺基亚c6软件下载财经日历软件诺基亚c6软件下载交友软件排行互联网软件金牛盾软件转生成了废材又能怎样,我仅仅只是想要活下去,想要好好的活下去而已! 在这个世界里我也有想保护的人,有想要去追求的人,即使拼上性命那又如何? 没有金手指那又如何? 我的前一世的经历便是我最好的助力。开局反夺舍成功,从精神病院逃出来。 什么?蓝星现在解开了人体枷锁,只要锻炼就能变强? 那先来2000个俯卧撑! 从今以后,请叫我一拳超人!年代+宠妻+渣男悔过+暴富+奶爸+单女主 “周泽,你有遗憾吗?” “有” 美丽妻子死在他面前的场景,无数次出现在周泽梦中。 每次,他都仿佛被千刀万剐一样,纵是如此,也无法偿还他曾经犯下的罪。 带着巨大的痛苦和内疚,重生93年悲剧还未发生的那天。看着妻子的倩影,周泽笑的泪流满面。在那一天公司聚会陆游喝醉了,一觉醒来看着尸骨遍野的周围以为到了乱葬岗却不成想那是张角的黄巾起义。 至此他默默的加入了十八诸侯,看见了三英战吕布、见证了火烧赤壁败走华荣、也逢上了秋风五丈原、三家归晋。陈阳穿越到了高武世界,获得了一个能查看人生剧本的系统! 这人生剧本,能预知人未来,查看命格,甚至连对方的最近机缘都一目了然! “绝世机遇!?不好意思,我先收为敬!” 三流的主角等机缘。 二流的主角找机缘! 而陈阳:机缘在哪,我就在哪! 陈树和大学死党顾清两个人玩游戏喝酒。 输了一轮游戏,死党竟然整活把女总裁拉进了陈树的家庭群。 第二天醒酒之后,陈树才发现女总裁在群里聊嗨了! 本来以为自己被即将被炒鱿鱼了,却发现女总裁的要求一个比一个离谱。 陈树,到我办公室来。 陈树,跟我回家见父母。 陈树,我们同居吧。 面对女总裁的要求,陈树无法拒绝。 直到有一天,女总裁含情脉脉地向陈树求婚。 陈树:不是假扮情侣吗?你怎么玩真的?仙界传闻:这世上唯有月老王尧不能招惹,得罪别人大不了一战,得罪月老,一不小心族谱的下版本就交代在这了! 穿越青年王尧被迫成了新晋月老,方才发现,月老这号神仙,听上去好像只是个鸡毛蒜皮的小官,竟然很吃香…… 凌凡左思右想,打算给金剑起个名字,总不能一直叫金剑吧?这样太没面子了,就叫“行天剑”听起来就够霸气,凌凡很是满意。父母之仇,断指之痛! 少年凌宇,手指在被斩断之后,逆天重生,而这一根手指,竟拥有着改天换地之能。【历史种田+江湖八门+富可敌国+复仇】 秦书铭穿越到燕赤国,成为八门祖师爷之子,江湖人尊他为少帅。 开篇背负血海深仇,少年和小妹相互扶持,亲情成为这冰冷的世界唯一的温度。 穿过刀林阵,喝过鸡头血;一拜天为父,二拜地为母,从此少帅入江湖。 这是一个充满骗局的世界,风水局,老千局,扎飞局,鲁班局,层出不穷。 上一世身为百亿富豪的秦书铭表示,不好意思,在下擅长局中局。 小妹问:哥,为什么那些坏人都在替你做事? 秦书铭:傻妹子,因为你哥我是坏人头子! 小妹问:那为什么皇子和军机大臣都对你弯腰? 秦书铭:因为哥有钱啊,富可敌国的那种。 小妹问:那为啥女土匪也对你弯腰? 秦书铭:你还小。
医商巨擘 行轧大陆成神记 逍遥公子世无双 他人求仙我求脱单 滚滚红尘为红颜 骈阳纪 模拟器:开局斩尽满天神佛 灵异复苏:从单挑阿飘开始 绝代阴阳养鬼师 晤极锦玄 史上最狂老祖林天 无尽世界成王之路 我有九种人格,个个都是大佬 兽源史诗 我本为圣 大秦:千古一帝,从道祖开始! 我!帝皇侠!胖揍钢铁侠 重生之缘来在韶华 仙侠:从菜鸟变成强者 这一世,我再次登顶无敌 财经日历软件 诺基亚e5软件下载 诺基亚e72i软件下载 诺基亚6500s软件下载 软件大会 交友软件排行 诺基亚e72i软件下载 诺基亚n97mini软件 愚人节整人软件 lumia800软件 诺基亚n97软件下载 诺基亚n97软件下载 头脑风暴软件 诺基亚e5软件下载 网络课堂软件 诺基亚6500s软件下载 拼卡软件 财经日历软件 双子星软件下载 黄金走势软件 诺基亚e5软件下载 黄金走势软件 双子星软件下载 诺基亚n79软件下载 诺基亚2700c软件下载 小灵通软件 财经日历软件 双子星软件下载 双子星软件下载 愚人节整人软件 诺基亚6500s软件下载 诺基亚5310xm软件 诺基亚x2软件下载 网络课堂软件 头脑风暴软件 诺基亚c6软件下载 诺基亚x2软件下载 诺基亚e72i软件下载 头脑风暴软件 犀牛软件视频教程 诺基亚c6软件下载 诺基亚n97mini软件 互联网软件 拼卡软件 诺基亚6303ci软件下载 诺基亚5310xm软件 诺基亚n97软件下载 诺基亚c6软件下载 小灵通软件 n70软件 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 反派狩猎主角很正常吧 百缘 灵域时代 弑烬武煞 灵气复苏:古时曾有仙 万利游戏官网 欧博官网 皇冠登3出租 万利游戏官网 快连下载 财经日历软件 双子星软件下载 交友软件排行 金牛盾软件 n70软件 土豆视频下载软件 互联网软件 交友软件排行 好玩的照片软件 诺基亚6303ci软件下载 诺基亚e5软件下载 好玩的照片软件 高正软件 诺基亚5310xm软件 诺基亚n97mini软件 诺基亚n97mini软件 诺基亚c6软件下载 黄金走势软件 土豆视频下载软件 财经日历软件 交友软件排行 愚人节整人软件 诺基亚e72i软件下载 诺基亚6500s软件下载 诺基亚e5软件下载 拼卡软件 方正期货软件下载 拼卡软件 网络课堂软件 诺基亚n97软件下载