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.

古代言情小说 女主角在她姐姐死后入宫夺爱前妻 7月未央 小说古代言情小说 女主角在她姐姐死后入宫好看的言情小说 宠文小说推荐下载湘西五门 小说未月 小说司徒夜沭依涵 小说天魔神魂 血渊寒 小说公子无色 沉筱之 小说小说盘龙桩古代言情小说 女主角在她姐姐死后入宫免费小说吧 总裁再遇爱洛瑶小说作品集 下载司徒夜沭依涵 小说公子无色 沉筱之 小说剑裂乾坤小说下载 免费小说坦途2小说坦途2失宠王妃 驳筝 小说罪妾 泪依 小说小说坦途2天魔神魂 血渊寒 小说死亡雇佣兵 中游的冠军 小说小说推荐下载比目鱼 小说好看的言情小说 宠文死亡雇佣兵 中游的冠军 小说失宠王妃 驳筝 小说免费小说吧 总裁再遇爱时间族本是十分强大的种族,结果被虚空族和阴阳家联手灭族,时间族公主穆灵月也在逃亡中被杀,她临死前将生下的孩子荣天浩托付给了一位高人,随着荣天浩的长大,他逐渐了解到当年真相,为了替父母报仇,也为了复兴时间族,他不断苦修,但此时种族之间也是风起云涌……这里有小说,也有散文、诗歌,汇聚成一部有复杂情感的365个夜晚故事,请您慢慢欣赏。飞星坠世,山庄尽屠,一老一少骑着大青马离去,十余年后,小子出成,老人带着他重回少林,掀开五十年前的江湖风雨,故事之后,小子又该何去何从? 江湖一统,究竟是壮举,还是阴谋? 背后之人,到底是英雄,还是奸贼? 佛门四蒂,上浩传人,华山君子剑,川蜀姥姥山,又将卷起怎样的江湖故事?十三年前,李致在城郊梨花树下捡到一只垂死白狐。 十三年后,他开始被一个漂亮温婉的落难小姐倒追。 月夜之下战幕拉开。 李致翻手间剑光纵横雷霆天落,“我家夫人温柔贤惠娇贵可人,知冷热擅烹食……” 姜璃弹指间邪魔俯首山河崩坏,“我家相公谦谦君子文弱书生,温逊有礼好脾气……” 反派“……”逃到地球的陆源被人追杀,他不想就这么陨落,他要稳健,要苟住发育。 但是……他那便宜老婆家事有点多。 有人死的时候,把他们一家都托付给了陆源,他不喜欢麻烦,决定横推过去。逍遥江湖客,为世界和平努力一个维和特种兵流落荒岛的生死传奇……我乃李青,今日人族之守护神。若有妖魔残害人族,吾定不饶。洪荒宇宙,神魔大陆,少年应劫而生,看少年如何打破命运枷锁,突破自我,成为一代剑祖 可悲的不是失去,而是失去后,无法继续前行。 这是一个冗长的梦,带你走进不一样的玄幻世界!
我在游戏世界无敌 我在诸天之上 元界至圣 巅峰的惆怅 妖魔复苏:开局强拆镇妖观 开局失忆我躲过所有修罗场 北冥傲天诀 十年的失却 天墟剑录 乱世鬼才 擎天道门 空天猎 以观天微 下班,然后捡到雷电将军 关于我在海贼世界打工这事 游戏规则制造 剑道师的传说 为所欲为之重选人生 异世界精苏系统:起家 重生末日之我的萝莉姐姐 小说盘龙桩 有无限小说 要完结的 要有爱情的 古代言情小说 女主角在她姐姐死后入宫 罪妾 泪依 小说 小说盘龙桩 公子无色 沉筱之 小说 司徒夜沭依涵 小说 古尘 妃子笑805 小说 公子无色 沉筱之 小说 失宠王妃 驳筝 小说 好看的言情小说 宠文 怀上渣攻哥哥的孩子 绝望的萝卜 小说 古尘 妃子笑805 小说 一夜缠欢:惹上命定的你 无忧笑颜 小说 湘西五门 小说 小说推荐下载 公主教坏将军相公 白水面条 小说 比目鱼 小说 罪妾 泪依 小说 古代言情小说 女主角在她姐姐死后入宫 一夜缠欢:惹上命定的你 无忧笑颜 小说 司徒夜沭依涵 小说 夺爱前妻 7月未央 小说 洛瑶小说作品集 下载 公子无色 沉筱之 小说 古尘 妃子笑805 小说 比目鱼 小说 夺爱前妻 7月未央 小说 罪妾 泪依 小说 比目鱼 小说 小说推荐下载 一夜缠欢:惹上命定的你 无忧笑颜 小说 天灾类小说 湘西五门 小说 死亡雇佣兵 中游的冠军 小说 小说推荐下载 天灾类小说 剑裂乾坤小说下载 免费 古尘 妃子笑805 小说 司徒夜沭依涵 小说 好看的言情小说 宠文 首席的天价娇妻 小橙晨 小说 英雄无敌之死神降临 若愚 小说 怀上渣攻哥哥的孩子 绝望的萝卜 小说 洛瑶小说作品集 下载 一夜缠欢:惹上命定的你 无忧笑颜 小说 怀上渣攻哥哥的孩子 绝望的萝卜 小说 好看的言情小说 宠文 古尘 妃子笑805 小说 未月 小说 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 行于囚笼 暗夜新星 第二世:上帝的节目 逍遥武帝 浪客断夜行 澳门葡京游戏官网 AG真人 快连下载 澳门葡京游戏官网 欧博游戏官网 剑裂乾坤小说下载 免费 一夜缠欢:惹上命定的你 无忧笑颜 小说 小说坦途2 异世侠医行 跳舞的章鱼 小说 失宠王妃 驳筝 小说 夺爱前妻 7月未央 小说 英雄无敌之死神降临 若愚 小说 免费小说吧 总裁再遇爱 公子无色 沉筱之 小说 三国志自卫队 小说 夺爱前妻 7月未央 小说 剑裂乾坤小说下载 免费 三国志自卫队 小说 小说推荐下载 未月 小说 怀上渣攻哥哥的孩子 绝望的萝卜 小说 死亡雇佣兵 中游的冠军 小说 天魔神魂 血渊寒 小说 剑裂乾坤小说下载 免费 罪妾 泪依 小说 小说盘龙桩 公子无色 沉筱之 小说 怀上渣攻哥哥的孩子 绝望的萝卜 小说 司徒夜沭依涵 小说 英雄无敌之死神降临 若愚 小说 天灾类小说 异世侠医行 跳舞的章鱼 小说 免费小说吧 总裁再遇爱 天灾类小说 比目鱼 小说