Typography Headings, paragraphs, lists, and other inline type elements
还有外媒爆料称，巴黎圣日耳曼要求梅西减薪，后者对此无法接受。本赛季法甲联赛中，梅西已收获15粒进球、15次助攻，帮助球队在法甲联赛还剩5轮的情况下以5分优势领跑积分榜。如果球队未能如愿取胜，休息时间只有5月2日这一天。
从2021年加盟球队至今，梅西共为巴黎圣日耳曼俱乐部出场71次，打进31球。据法国《队报》此前报道，由于本月1日缺席球队训练并前往沙特进行个人活动，梅西被俱乐部处以为期两周的停赛、停训、停薪的三停处罚。
| Element | Usage | Optional |
|---|---|---|
<strong> | For emphasizing a snippet of text with important | 中卫市 |
<em> | For emphasizing a snippet of text with stress | 新余市 |
<abbr> | Wraps abbreviations and acronyms to show the expanded version on hover | 此前根据巴黎圣日耳曼教练组的要求，如果球队能够在4月30日的法甲联赛中击败洛里昂，球员们可以在5月1日和2日获得休息。 Use.initialism class for uppercase abbreviations.
|
<address> | For contact information for its nearest ancestor or the entire body of work |
Preserve formatting by ending all lines with <br> |
元朗区, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Maecenas faucibus mollis interdum. Nulla vitae elit libero, a pharetra augue.
Note: Feel free to use <b> and <i> in HTML5, but their usage has changed a bit. <b> is meant to highlight words or phrases without conveying additional importance while <i> is mostly for voice, technical terms, etc.
目前并不清楚梅西是擅自缺席训练还是与俱乐部沟通有误会，在ESPN看来，这些并不重要，梅西注定不会留守巴黎。
Twitter, Inc.795 Folsom Ave, Suite 600
San Francisco, CA 94107
P: (123) 456-7890 Full Name
first.test@test.com
| Element | Usage | Optional |
|---|---|---|
<blockquote> | Block-level element for quoting content from another source | 沙特旅游局5月3日在新闻稿中称，这是梅西第二次回到沙特。 Use.pull-left and .pull-right classes for floated options
|
<small> | Optional element for adding a user-facing citation, typically an author with title of work |
Place the <cite> around the title or name of source
|
To include a blockquote, wrap <blockquote> around any HTML as the quote. For straight quotes we recommend a <p>.
但这一次俱乐部需要通过惩罚梅西来立威。结果，球队1∶3不敌对手，这场比赛也堪称大巴黎本赛季最糟糕的表现之一。
<blockquote> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis.</p> <small>Someone famous</small> </blockquote>
Default blockquotes are styled as such:
但这一次俱乐部需要通过惩罚梅西来立威。
Someone famous in Body of work
但现在这样的情况发生了，并且发生在‘历史最佳球员的身上。
据法国《队报》此前报道，由于本月1日缺席球队训练并前往沙特进行个人活动，梅西被俱乐部处以为期两周的停赛、停训、停薪的三停处罚。
Someone famous in Body of work
本赛季法甲联赛中，梅西已收获15粒进球、15次助攻，帮助球队在法甲联赛还剩5轮的情况下以5分优势领跑积分榜。
- 桃园县
- 渭南市
- 漳州市
- 云林县
- Nulla volutpat aliquam velit
- Phasellus iaculis neque
- 宿州市
- 宝坻区
- 日照市
- 渝北区
- 张家口市
- 萍乡市
从2021年加盟球队至今，梅西共为巴黎圣日耳曼俱乐部出场71次，打进31球。
- A description list is perfect for defining terms.
- Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
- Donec id elit non mi porta gravida at eget metus.
- Etiam porta sem malesuada magna mollis euismod.
- Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
香港特别行政区
Horizontal description lists will truncate terms that are too long to fit in the left column fix text-overflow. In narrower viewports, they will change to the default stacked layout.
Code Inline and block code snippets
从2021年加盟球队至今，梅西共为巴黎圣日耳曼俱乐部出场71次，打进31球。
For example, <code>section</code> should be wrapped as inline.
Use <pre> for multiple lines of code. Be sure to escape any angle brackets in the code for proper rendering.
<p>Sample text here...</p>
<pre> <p>Sample text here...</p> </pre>
Note: Be sure to keep code within <pre> tags as close to the left as possible; it will render all tabs.
据法国《队报》此前报道，由于本月1日缺席球队训练并前往沙特进行个人活动，梅西被俱乐部处以为期两周的停赛、停训、停薪的三停处罚。据法国《队报》此前报道，由于本月1日缺席球队训练并前往沙特进行个人活动，梅西被俱乐部处以为期两周的停赛、停训、停薪的三停处罚。
作为沙特旅游大使，梅西此次是以个人身份出席相关活动。
<p>Sample text here...</p>
<pre class="prettyprint
linenums">
<p>Sample text here...</p>
</pre>
and view the readme for 青浦区.
Tables For, you guessed it, tabular data
| Tag | Description |
|---|---|
<table> | Wrapping element for displaying data in a tabular format |
<thead> |
Container element for table header rows (<tr>) to label table columns
|
<tbody> |
Container element for table rows (<tr>) in the body of the table
|
<tr> |
Container element for a set of table cells (<td> or <th>) that appears on a single row
|
<td> | Default table cell |
<th> |
Special table cell for column (or row, depending on scope and placement) labels Must be used within a <thead> |
<caption> | Description or summary of what the table holds, especially useful for screen readers |
<table>
<thead>
<tr>
<th>…</th>
<th>…</th>
</tr>
</thead>
<tbody>
<tr>
<td>…</td>
<td>…</td>
</tr>
</tbody>
</table>
| Name | Class | Description |
|---|---|---|
| Default | None | No styles, just columns and rows |
| Basic | .table | Only horizontal lines between rows |
| Bordered | .table-bordered | Rounds corners and adds outer border |
| Zebra-stripe | .table-striped | Adds light gray background color to odd rows (1, 3, 5, etc) |
| Condensed | .table-condensed | Cuts vertical padding in half, from 8px to 4px, within all td and th elements |
Tables are automatically styled with only a few borders to ensure readability and maintain structure. With 2.0, the .table class is required.
<table class="table"> … </table>
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
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.
<table class="table table-striped"> … </table>
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
Add borders around the entire table and rounded corners for aesthetic purposes.
<table class="table table-bordered"> … </table>
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| Mark | Otto | @TwBootstrap | |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry the Bird | ||
Make your tables more compact by adding the .table-condensed class to cut table cell padding in half (from 8px to 4px).
<table class="table table-condensed"> … </table>
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry the Bird | ||
Feel free to combine any of the table classes to achieve different looks by utilizing any of the available classes.
<table class="table table-striped table-bordered table-condensed"> ... </table>
| Full name | |||
|---|---|---|---|
| # | First Name | Last Name | Username |
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry the Bird | ||
第频道
The best part about forms in Bootstrap is that all your inputs and controls look great no matter how you build them in your markup. No superfluous HTML is required, but we provide the patterns for those who require it.
还有外媒爆料称，巴黎圣日耳曼要求梅西减薪，后者对此无法接受。此前根据巴黎圣日耳曼教练组的要求，如果球队能够在4月30日的法甲联赛中击败洛里昂，球员们可以在5月1日和2日获得休息。
但在欧冠赛场上，巴黎圣日耳曼已连续两年折戟16强。
| Name | Class | Description |
|---|---|---|
| Vertical (default) | .form-vertical江津市 | Stacked, left-aligned labels over controls |
| Inline | .form-inline | Left-aligned label and inline-block controls for compact style |
| Search | .form-search | Extra-rounded text input for a typical search aesthetic |
| Horizontal | .form-horizontal | Float left, right-aligned labels on same line as controls |
Example forms using just form controls, no extra markup
结果，球队1∶3不敌对手，这场比赛也堪称大巴黎本赛季最糟糕的表现之一。
俱乐部对此予以谴责，并全力支持自家球员和管理层，以及所有被这些可耻行为攻击的人。
<form class="well">
<label>Label name</label>
<input type="text" class="span3" placeholder="Type something…">
<span class="help-block">Example block-level help text here.</span>
<label class="checkbox">
<input type="checkbox"> Check me out
</label>
<button type="submit" class="btn">Submit</button>
</form>
Add .form-search to the form and .search-query to the input.
<form class="well form-search">
<input type="text" class="input-medium search-query">
<button type="submit" class="btn">Search</button>
</form>
Add .form-inline to finesse the vertical alignment and spacing of form controls.
<form class="well form-inline">
<input type="text" class="input-small" placeholder="Email">
<input type="password" class="input-small" placeholder="Password">
<label class="checkbox">
<input type="checkbox"> Remember me
</label>
<button type="submit" class="btn">Sign in</button>
</form>
- 新竹县
- 鹤岗市
- 淮北市
- 济南市
- 运城市
- 北海市
- 西贡区
作为沙特旅游大使，梅西此次是以个人身份出席相关活动。巴黎圣日耳曼俱乐部官方公告回应称，一小群人做出不可忍受的侮辱行为英国《镜报》称，梅西的老东家巴塞罗那正试图重新签下这位阿根廷巨星，美国职业大联盟的迈阿密国际和沙特球队利雅得新月也愿意为他提供丰厚合同。
<form class="form-horizontal">
<fieldset>
<legend>Legend text</legend>
<div class="control-group">
<label class="control-label" for="input01">Text input</label>
<div class="controls">
<input type="text" class="input-xlarge" id="input01">
<p class="help-block">Supporting help text</p>
</div>
</div>
</fieldset>
</form>
Input groups—with appended or prepended text—provide an easy way to give more context for your inputs. Great examples include the @ sign for Twitter usernames or $ for finances.
沙特旅游局5月3日在新闻稿中称，这是梅西第二次回到沙特。本赛季法甲联赛中，梅西已收获15粒进球、15次助攻，帮助球队在法甲联赛还剩5轮的情况下以5分优势领跑积分榜。本赛季法甲联赛中，梅西已收获15粒进球、15次助攻，帮助球队在法甲联赛还剩5轮的情况下以5分优势领跑积分榜。
结果，球队1∶3不敌对手，这场比赛也堪称大巴黎本赛季最糟糕的表现之一。自从卡塔尔老板于2011年入主俱乐部以来，从来没有一名球员以这种方式被停赛这么长时间。
法新社称，梅西在最近的比赛中经常遭遇自家球迷的嘘声，球迷认为俱乐部签约梅西只是为了追求超级巨星效应，而并非打算建立一支真正有竞争力的球队。但这一次俱乐部需要通过惩罚梅西来立威。
作为沙特旅游大使，梅西此次是以个人身份出席相关活动。此前根据巴黎圣日耳曼教练组的要求，如果球队能够在4月30日的法甲联赛中击败洛里昂，球员们可以在5月1日和2日获得休息。[环球时报综合报道]俱乐部必须解雇梅西。
Icons Graciously provided by 巴南区
法新社称，梅西在最近的比赛中经常遭遇自家球迷的嘘声，球迷认为俱乐部签约梅西只是为了追求超级巨星效应，而并非打算建立一支真正有竞争力的球队。[环球时报综合报道]俱乐部必须解雇梅西。巴黎圣日耳曼俱乐部官方公告回应称，一小群人做出不可忍受的侮辱行为
此前根据巴黎圣日耳曼教练组的要求，如果球队能够在4月30日的法甲联赛中击败洛里昂，球员们可以在5月1日和2日获得休息。作为沙特旅游大使，梅西此次是以个人身份出席相关活动。
大庆市 has granted us use of the Halflings set in our open-source toolkit so long as we provide a link and credit here in the docs. Please consider doing the same in your projects.
英国《镜报》称，梅西的老东家巴塞罗那正试图重新签下这位阿根廷巨星，美国职业大联盟的迈阿密国际和沙特球队利雅得新月也愿意为他提供丰厚合同。英国《镜报》称，梅西的老东家巴塞罗那正试图重新签下这位阿根廷巨星，美国职业大联盟的迈阿密国际和沙特球队利雅得新月也愿意为他提供丰厚合同。
<i class="icon-search"></i>
There are also styles available for inverted (white) icons, made ready with one extra class:
<i class="icon-search icon-white"></i>
There are 140 classes to choose from for your icons. Just add an <i> tag with the right classes and you're set. You can find the full list in sprites.less or right here in this document.
驻马店市
When using beside strings of text, as in buttons or nav links, be sure to leave a space after the <i> tag for proper spacing.
ESPN认为，巴黎圣日耳曼对自己的明星球员一向宽容，不怎么守纪律的内马尔就逃脱了大量处罚。