TypographySee Our Typography, List Items, Tables, Icons

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.


h1. Heading 1

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.

h2. Heading 2

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.

h3. Heading 3

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.

h4. Heading 4

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.

h5. Heading 5

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.

h6. Heading 6

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.



Button class="" Description
Default btn Standard gray button with gradient
Primary btn btn-primary Provides extra visual weight and identifies the primary action in a set of buttons
Info btn btn-success Used as an alternative to the default styles
Success btn btn-success Indicates a successful or positive action
Warning btn btn-warning Indicates caution should be taken with this action
Danger btn btn-danger Indicates a dangerous or potentially negative action
Inverse btn btn-inverse Alternate dark gray button, not tied to a semantic action or use


Messages

close Information! Lorem Ipsum is simply dummy
close Sucess! Lorem Ipsum is simply dummy
close Error! Lorem Ipsum is simply dummy
close Alert! Lorem Ipsum is simply dummy
close Information! Lorem Ipsum is simply dummy

Inline labels

Labels Markup
Default [label]Default[/label]
Success [label style="label-success"]Success[/label]
Warning [label style="label-warning"]Warning[/label]
Important [label style="label-important"]Important[/label]
Info [label style="label-info"]Info[/label]
Inverse [label style="label-inverse"]Inverse[/label]

Badges

Name Example Markup
Default 1 [badge]1[/badge]
Success 2 [badge style="badge-success"]2[/badge]
Warning 4 [badge style="badge-warning"]4[/badge]
Error 6 [badge style="badge-error"]6[/badge]
Info 8 [badge style="badge-info"]8[/badge]
Inverse 10 [badge style="badge-inverse"]10[/badge]

Blockquotes

To include a blockquote, wrap <blockquote> around any HTML as the quote. For straight quotes we recommend a <p>.

Include an optional <small> element to cite your source and you'll get an em dash &mdash; before it for styling purposes.

  1. <blockquote>
  2. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis.</p>
  3. <small>Someone famous</small>
  4. </blockquote>


Example blockquotes

Default blockquotes are styled as such:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis.

Someone famous in Body of work

To float your blockquote to the right, add class="pull-right":

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis.

Someone famous in Body of work

Lists

Unordered

<ul>

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit
  • Faucibus porta lacus fringilla vel
  • Aenean sit amet erat nunc
  • Eget porttitor lorem

Unstyled

<ul class="unstyled">

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit
  • Faucibus porta lacus fringilla vel
  • Aenean sit amet erat nunc
  • Eget porttitor lorem

Ordered

<ol>

  1. Lorem ipsum dolor sit amet
  2. Consectetur adipiscing elit
  3. Integer molestie lorem at massa
  4. Facilisis in pretium nisl aliquet
  5. Nulla volutpat aliquam velit
  6. Faucibus porta lacus fringilla vel
  7. Aenean sit amet erat nunc
  8. Eget porttitor lorem

Unordered

<ul>

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit
  • Faucibus porta lacus fringilla vel
  • Aenean sit amet erat nunc
  • Eget porttitor lorem

Unstyled

<ul class="unstyled">

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit
  • Faucibus porta lacus fringilla vel
  • Aenean sit amet erat nunc
  • Eget porttitor lorem

Ordered

<ol>

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit
  • Faucibus porta lacus fringilla vel
  • Aenean sit amet erat nunc
  • Eget porttitor lorem


1. Default table styles

Tables are automatically styled with only a few borders to ensure readability and maintain structure. With 2.0, the .table class is required.

  1. <table class="table">
  2. </table>
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter


2. Striped table

Get a little fancy with your tables by adding zebra-striping—just add the .table-striped class.

Note: Striped tables use the :nth-child CSS selector and is not available in IE7-IE8.

  1. <table class="table table-striped">
  2. </table>
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter


3. Bordered table

Add borders around the entire table and rounded corners for aesthetic purposes.

  1. <table class="table table-bordered">
  2. </table>
# First Name Last Name Username
1 Mark Otto @mdo
Mark Otto @TwBootstrap
2 Jacob Thornton @fat
3 Larry the Bird @twitter


4. Condensed table

Make your tables more compact by adding the .table-condensed class to cut table cell padding in half (from 8px to 4px).

  1. <table class="table table-condensed">
  2. </table>
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter


5. Combine them all!

Feel free to combine any of the table classes to achieve different looks by utilizing any of the available classes.

  1. <table class="table table-striped table-bordered table-condensed">
  2. ...
  3. </table>
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Icon glyphs

140 icons in sprite form, available in dark gray (default) and white, provided by Glyphicons .

  • icon-glass
  • icon-music
  • icon-search
  • icon-envelope
  • icon-heart
  • icon-star
  • icon-star-empty
  • icon-user
  • icon-film
  • icon-th-large
  • icon-th
  • icon-th-list
  • icon-ok
  • icon-remove
  • icon-zoom-in
  • icon-zoom-out
  • icon-off
  • icon-signal
  • icon-cog
  • icon-trash
  • icon-home
  • icon-file
  • icon-time
  • icon-road
  • icon-download-alt
  • icon-download
  • icon-upload
  • icon-inbox
  • icon-play-circle
  • icon-repeat
  • icon-refresh
  • icon-list-alt
  • icon-lock
  • icon-flag
  • icon-headphones
  • icon-volume-off
  • icon-volume-down
  • icon-volume-up
  • icon-qrcode
  • icon-barcode
  • icon-tag
  • icon-tags
  • icon-book
  • icon-bookmark
  • icon-print
  • icon-camera
  • icon-font
  • icon-bold
  • icon-italic
  • icon-text-height
  • icon-text-width
  • icon-align-left
  • icon-align-center
  • icon-align-right
  • icon-align-justify
  • icon-list
  • icon-indent-left
  • icon-indent-right
  • icon-facetime-video
  • icon-picture
  • icon-pencil
  • icon-map-marker
  • icon-adjust
  • icon-tint
  • icon-edit
  • icon-share
  • icon-check
  • icon-move
  • icon-step-backward
  • icon-fast-backward
  • icon-backward
  • icon-play
  • icon-pause
  • icon-stop
  • icon-forward
  • icon-fast-forward
  • icon-step-forward
  • icon-eject
  • icon-chevron-left
  • icon-chevron-right
  • icon-plus-sign
  • icon-minus-sign
  • icon-remove-sign
  • icon-ok-sign
  • icon-question-sign
  • icon-info-sign
  • icon-screenshot
  • icon-remove-circle
  • icon-ok-circle
  • icon-ban-circle
  • icon-arrow-left
  • icon-arrow-right
  • icon-arrow-up
  • icon-arrow-down
  • icon-share-alt
  • icon-resize-full
  • icon-resize-small
  • icon-plus
  • icon-minus
  • icon-asterisk
  • icon-exclamation-sign
  • icon-gift
  • icon-leaf
  • icon-fire
  • icon-eye-open
  • icon-eye-close
  • icon-warning-sign
  • icon-plane
  • icon-calendar
  • icon-random
  • icon-comment
  • icon-magnet
  • icon-chevron-up
  • icon-chevron-down
  • icon-retweet
  • icon-shopping-cart
  • icon-folder-close
  • icon-folder-open
  • icon-resize-vertical
  • icon-resize-horizontal
  • icon-hdd
  • icon-bullhorn
  • icon-bell
  • icon-certificate
  • icon-thumbs-up
  • icon-thumbs-down
  • icon-hand-right
  • icon-hand-left
  • icon-hand-up
  • icon-hand-down
  • icon-circle-arrow-right
  • icon-circle-arrow-left
  • icon-circle-arrow-up
  • icon-circle-arrow-down
  • icon-globe
  • icon-wrench
  • icon-tasks
  • icon-filter
  • icon-briefcase
  • icon-fullscreen

Glyphicons attribution

Glyphicons Halflings are normally not available for free, but an arrangement between Bootstrap and the Glyphicons creators have made this possible at no cost to you as developers. As a thank you, we ask you to include an optional link back to Glyphicons whenever practical.

感恩的心歌词(童声)美是你的美歌词是什么歌曲还魂门简谱歌词ミネラル中文歌词歌词you are alone感恩的心歌词(童声)达舞娘歌词还魂门简谱歌词那颗星歌词醉酒歌的歌词歌词原谅我感动不了你感恩的心歌词(童声)we wish you merry christmas歌词歌词原谅我感动不了你还魂门简谱歌词醉酒歌的歌词等候耶和华的人歌词 赞歌词you are alone歌词you are alone歌词只怪秋雨太多歌曲我把思念捎给你歌词我一生都在 生命的意义歌词那颗星歌词爱的太少 歌词dj出征曲歌词葬仙狠人歌词ミネラル中文歌词lm your next girl歌词歌词只怪秋雨太多音乐西口情歌词049收容失败,682收容失败,173收容失败 李三光成为scp基金会唯一活着的监督者,却发现基金会早以什么都没剩下了。 安全位面陷入混乱,基金会收容失效,旧神复苏在即,李三光苦恼大量能源何处而来,如何重新收容的时候…… “叮,位面聊天邀请您加入……” 本书又名:《scp收容之主》 有一群小伙伴,他们喜欢冒险,喜欢成长,喜欢互相帮助,喜欢互相调侃,更重要的是,他们最喜欢的是,在一起的时光。也许路上会有坎坷,但不论何时,你们总能处变不惊,相互鼓励。希望你们能够成长,能够成为独当一面的大人。你们,将有无限的可能!当书临闭眼准备接受死亡的那一刻 他觉得他太失败了 可再次睁眼 人生却………【寂寞不谈爱,孤独不饮酒。】 女儿生日当天,我意外看到了妻子的手机,当谎言被揭穿的时候,我发现妻子真的很懂“生活。” “这位老哥,你这命可不得了啊!” “先生,此话怎讲!” “七月七,也就是辛未月乙巳日,乃是纯阴之命!可你偏偏又是正午出生!” “先生,这又有何说法?” “阴阳调和,先生乃是一常人!” “常人?正常人?” “没错!” “……小王八蛋!你别跑!把五十块钱换给我!” 看事,走阴阳,断生死,踏星望月,诸位,这可瞧好了!身患绝症的叶文偶得太极拳的真传,并且觉醒了弘扬武学系统! 只要他用武学影响更多人,就能获得积分,兑换顿悟机会,获得各种高阶武学! 甚至,治好自己的病。 从此,叶文开启了他的练武直播! 拳震所有武林宗门,脚踏世间不服之人! 只有你想不到的招式,没有我治不了的高人! 所有人都要恭恭敬敬地,在键盘上叫一声“武神”。 叶文:“货真价实的太极拳要不要学?飞檐走壁的梯云纵要不要了解一下?不要?早晚你要跪地求着我要!”网安圈的菜鸡一枚,没事写点内容造福群友。陈树和大学死党顾清两个人玩游戏喝酒。 输了一轮游戏,死党竟然整活把女总裁拉进了陈树的家庭群。 第二天醒酒之后,陈树才发现女总裁在群里聊嗨了! 本来以为自己被即将被炒鱿鱼了,却发现女总裁的要求一个比一个离谱。 陈树,到我办公室来。 陈树,跟我回家见父母。 陈树,我们同居吧。 面对女总裁的要求,陈树无法拒绝。 直到有一天,女总裁含情脉脉地向陈树求婚。 陈树:不是假扮情侣吗?你怎么玩真的?一人,一刀,一马。少年走出家门步入江湖,辗转十数载,再回首已无归路。 我叫莫言,言而有信的言。有言在先的言!李来顺是一个名不经传的小保安,一不小心和一个比他大了10岁的女人滚了床单。他本来想对女人从一而终,怎奈,他不但因此进拘留所丢了工作,女人也莫名其妙的消失。李来顺因此开启了老坦儿的不平凡的人生旅程。他先后经历酒店KVT经理、服务员致命诱惑;又差点被金融市场里的金钱、权利俘虏,但他都没被打败,而此时多前杳无音信的女人带来一个更加令人震惊的事件.......
初心未忘 剑中影之十大剑客 小白也有武侠梦 八荒群雄录 破晓:黎明之战 我的御灵是司空震 基因特工 混沌落尊 地球篇天使降临 侠宇宙 双苼 墨默行长夜 不死武皇 我家娘子怎么会是妖族女皇 玄幻:我能看到未来 抗日狙击手 幸运先生 异世界气味图书馆 JOJO替身系统 不思乐园 美是你的美歌词是什么歌曲 醉酒歌的歌词 等候耶和华的人歌词 赞 歌词you are alone 美是你的美歌词是什么歌曲 大眼睛歌曲歌词刀郎唱 没了你的爱dj歌词 歌词:我们现在就出发 大眼睛歌曲歌词刀郎唱 we wish you merry christmas歌词 如同悲伤歌词 如同悲伤歌词 爱的太少 歌词 醉酒歌的歌词 感恩的心歌词(童声) dj出征曲歌词 相聚耶稣的家的歌词及音符 葬仙狠人歌词 诚信是福 歌词和歌谱 感恩的心歌词(童声) 歌词和你一样李宇春 还魂门简谱歌词 诚信是福 歌词和歌谱 我一生都在 生命的意义歌词 歌词:我们现在就出发 伊豆的舞女歌词中文 葬仙狠人歌词 诚信是福 歌词和歌谱 歌曲我把思念捎给你歌词 葬仙狠人歌词 歌词you are alone 歌词和你一样李宇春 ミネラル中文歌词 感恩的心歌词(童声) 爱的太少 歌词 dj出征曲歌词 出去闯一闯 歌词 没了你的爱dj歌词 爱的太少 歌词 出去闯一闯 歌词 dj出征曲歌词 阴天快乐歌词歌谱 歌词只怪秋雨太多 相聚耶稣的家的歌词及音符 歌词原谅我感动不了你 歌词和你一样李宇春 如同悲伤歌词 dj出征曲歌词 伊豆的舞女歌词中文 达舞娘歌词 亚星游戏官网 亚星官网 亚星官网 亚星游戏官网 亚星官网 以神川 灵气复苏:我统帅百万阴灵 九万里大地 地龙翻天破苍穹 掌中之剑 欧博官网 百家乐官网 亚星管理平台 欧博官网 亚星管理平台 美是你的美歌词是什么歌曲 歌词you are alone 达舞娘歌词 相聚耶稣的家的歌词及音符 没了你的爱dj歌词 歌词和你一样李宇春 爱的太少 歌词 感恩的心歌词(童声) 醉酒歌的歌词 歌词:我们现在就出发 歌词和你一样李宇春 美是你的美歌词是什么歌曲 歌词:我们现在就出发 音乐西口情歌词 we wish you merry christmas歌词 歌词you are alone ミネラル中文歌词 等候耶和华的人歌词 赞 大眼睛歌曲歌词刀郎唱 伊豆的舞女歌词中文 爱的太少 歌词 如同悲伤歌词 歌词原谅我感动不了你 阴天快乐歌词歌谱 那颗星歌词 诚信是福 歌词和歌谱 那颗星歌词 出去闯一闯 歌词 歌曲我把思念捎给你歌词 葬仙狠人歌词