发表时间：2022-05-27 15:07:11
| 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.
当地时间5月19日，土耳其总统埃尔多安表示，土方对俄罗斯和乌克兰奉行平衡的外交政策，他本人无意与俄罗斯总统普京或乌克兰总统泽连斯基断绝关系。世卫组织21日发布猴痘疫情暴发预警。
今天（12日）上午，重庆江北国际机场一架重庆飞往拉萨的航班冲出跑道，导致飞机起火。
（观察者网讯）在经历了82天的轰炸后，乌克兰马里乌波尔市除亚速钢铁厂（Azovstal）似乎要将控制权移交俄罗斯。[环球网快讯]据法新社10日消息，德国外长贝尔伯克当天突然到访乌克兰布恰
然而，从第四节一开始，故事的剧本却来了个峰回路转。丢失了一点钱财还不算太大事，有没有想过自己的人身安全？有没有考虑过家人的担心？有没有想到对社会交通安全造成的隐患？检察官另提醒，如果朋友之间一起饮酒等，记得互相之间也有义务，将朋友安全送到住处等，否则，出了事情也可能要依法承担相应的法律责任。对于马斯克的表态，美国白宫新闻秘书普萨基回应称，这是企业自己的决定，但应确保社交平台不要成为虚假信息的集散地。
《华盛顿邮报》报道称，近二十年来，美国国会一直在反复推动NOPEC以控制欧佩克，但NOPEC从未得到正式通过。徐翔精准买入、完美避雷的操作，在华丽家族（600503.SH）、獐子岛（002069.SZ）、吴通通讯（300292.SZ）、中青宝（300052.SZ）等股票上均有体现。
就在乌防长发布长文之时，有媒体称俄罗斯正从乌克兰第二大城市哈尔科夫撤军。
| 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 |
截至目前，已确认14人遇难，12人仍然下落不明。山东省鲁西黄牛原种场负责人高翔表示，花1500元收一亩小麦青苗作为青贮饲料有点不对头。
<form class="well">
<label>Label name</label>
<input type="text" class="span3" placeholder="Type something">
<span class="help-inline">Associated help text!</span>
<label class="checkbox">
<input type="checkbox"> Check me out
</label>
<button type="submit" class="btn">Submit</button>
</form>
Reflecting default WebKit styles, just add .form-search for extra rounded search fields.
<form class="well form-search"> <input type="text" class="input-medium search-query"> <button type="submit" class="btn">Search</button> </form>
Inputs are block level to start. For .form-inline and .form-horizontal, we use inline-block.
<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>
不过，和真正的榜一相比，灰灰的战绩只能算是九牛一毛。半个月后，柬埔寨、印度尼西亚和泰国三国外交部5月4日发布联合声明，宣布今年下半年三国将相继主办三场重要会议，分别是：11月11日-13日的东盟峰会、11月15日-16日的G20峰会和11月18日-19日的APEC领导人非正式会议。从军事专家和历史学家的角度来看，亚速营的上述类比并不准确。
<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>
Shown on the left are all the default form controls we support. Here's the bulleted list:
丢失了一点钱财还不算太大事，有没有想过自己的人身安全？有没有考虑过家人的担心？有没有想到对社会交通安全造成的隐患？检察官另提醒，如果朋友之间一起饮酒等，记得互相之间也有义务，将朋友安全送到住处等，否则，出了事情也可能要依法承担相应的法律责任。该法案还包括为乌克兰提供超过80亿美元的一般经济支持、近50亿美元的粮食援助等
中国地震台网正式测定：05月06日04时15分在瓦努阿图群岛（南纬17.20度，东经167.65度）发生5.3级地震，震源深度10千米民航重庆安全监督管理局工作人员向北青报记者表示，目前该部门已到现场进行处置。俄方非常清楚，不能指望西方，特别是在经济、技术、食品等具有战略意义的领域。
卢布拉尼表示，目前没有迹象显示有人被强制要求前往俄罗斯控制区域。俄方应该在关键领域实现自给自足。
<fieldset class="control-group error"> </fieldset>
俄罗斯女足被禁止参加今夏举行的女足欧锦赛和2023年女足世界杯欧洲区预选赛，俄罗斯男足被禁止参加下赛季欧国联。在人类所引爆的各类炸弹中，这枚氢弹的体积、重量和威力均最大，爆炸当量达5000万吨TNT。
当地时间5月19日，索马里首都摩加迪沙的巴纳迪尔路口发生火灾，大火摧毁了商业中心的几家店铺身为上市公司，多特蒙德敏锐地将这笔收入计入了下赛季财报，利润仍在3500万欧元以上。德国方面在起诉申请中宣称，尽管国际法院在2012年已经将此前相关案例裁定为非法，但罗马方面仍继续允许二战受害者向柏林提出赔偿请求。
点击进入专题：美国总统拜登访问日韩今日热点精编今日国际热闻0523拜登称如实现改革将支持日成为安理会常任理事国一周后，美国众议院议长佩洛西闪电式造访基辅，在停留三个多小时后前往波兰。
节后A股市场可能还是延续震荡反弹的走势。6月是否会加息75个基点？对美国当前通胀和经济情况如何判断？市场亟需从鲍威尔的表态中寻找到蛛丝马迹。
爆炸还波及附近多栋建筑，酒店附近的一所学校的窗户也被震碎。本月初，美国政治新闻网（Politico）爆料了一份最高法院内部泄露文件，其中显示美国最高法院已对推翻罗伊诉韦德案判决形成多数意见，这意味着已被承认49年之久的女性堕胎权可能被取缔，美国女性人权面临重大倒退。正如我经常说的那样，世界必须团结起来，平息枪声，维护《联合国宪章》的价值观，并将继续不遗余力地拯救生命，减少痛苦，寻找和平的道路
对此，俄罗斯央行方面在此前大幅上调利率之后，近日也决定宣布下调关键利率以支持经济发展。
