发表时间：2022-06-28 23:38:22
| 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.
乌克兰总统泽连斯基2月28日发布推特称，其与英国首相约翰逊就当前的安全局势进行了交谈。顿涅茨克武装力量则继续向前推进12公里，控制帕夫洛波尔和皮什维克两个定居点。
此外，欧盟还禁止向俄罗斯出口、销售、供应或转让所有飞机、航空部件和设备。
欧盟宣布将冻结俄罗斯总统普京和外长拉夫罗夫在欧洲的资产（观察者网）当地时间2月25日，欧盟外交与安全政策高级代表博雷利在布鲁塞尔表示，欧盟27个成员国就对俄进一步制裁达成共识，将冻结俄罗斯总统普京和俄外长拉夫罗夫在欧洲的资产。据报道，他在视频中表示：有几个人因为闯入一家商店在克罗什尼区被拘留
波兰总理府办公厅主任德沃尔奇克表示，波兰准备向乌克兰莫斯季斯卡市派遣一趟卫生专列，将乌克兰伤员运送至华沙的国家医院进行救治，波兰政府已制定了接收伤员的方案。此前，欧盟宣布向乌克兰军队提供价值4.5亿欧元的一揽子武器装备，以及价值5000万欧元的燃料、防护设备等非致命性物资，并宣布对俄罗斯飞机关闭领空，限制俄罗斯媒体在欧盟传播信息。（总台记者宋一平）来源：央视军事微博相关报道：戈梅利在哪里？俄乌谈判为什么选在这个地方？（新华社）据今日俄罗斯通讯社28日报道，参加俄乌谈判的乌克兰代表团当天已抵达白俄罗斯境内。
正如奥地利总理所说，这些是我们的亲戚、家人。乌克兰方面，毕竟与俄罗斯实力悬殊太大，北约又一再声明不出兵，能够有条件地进行和谈，当然也是一件好事。
当地时间27日，俄罗斯国防部发布消息说，过去24小时，卢甘斯克武装力量继续进攻，控制斯莫利亚尼诺沃、新阿赫特尔卡、斯塔尼奇诺-卢甘斯克三个定居点。
| 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 |
26日晚，约翰逊再次与乌克兰总统泽连斯基交谈，后者向他通报了人道主义援助的迫切需求。当日早些时候，据基辅市长克里奇科宣布，自26日17时至次日8时，基辅启动宵禁政策。
<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>
我联系了他们，他们比所有活着的人都更加有活力，比那些坐在沙发上敲出假消息的人更有活力。在仪式上，普京发言表示：这些新型舰艇都将装备最先进的武器、控制和通信系统，未来建成交付后可以大大增强俄海军的战斗力，给挑战俄罗斯利益的未来敌手留下零战略机遇。对俄方而言，如不能获得北约停止东扩的承诺，必然不肯轻易让步。
<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:
（法新社）相关报道加拿大总理宣布对俄罗斯关闭领空（央视）加拿大总理特鲁多当地时间2月27日通过社交媒体宣布，对俄罗斯立即关闭领空。捷克国防部长切尔诺霍娃表示，政府决定再次向乌克兰捐赠一批武器，包括约3万把手枪、约7000支突击步枪、约3000挺机枪、几十把狙击步枪以及约100万发弹药，总价值约1.88亿克朗（约合人民币5400万元）。
54%的美国人认为自拜登上任以来，美国经济变得更糟。点击进入专题：普京宣布对乌克兰采取军事行动欧盟自28日起对俄罗斯关闭领空分析人士担心俄乌冲突会分裂互联网今日国际热闻0228俄方批乌制造假消息嫁祸俄罗斯俄军在特别军事行动中出现伤亡欧洲可能爆发70多年来最严重难民危机乌代表团已抵达白俄罗斯。自俄总统普京24日决定在乌顿巴斯地区发起特别军事行动后，乌克兰多地遭到俄军袭击。
与此同时，联合国安理会也通过决议，要求联合国大会于2月28日召开紧急特别会议，讨论如何就乌克兰局势采取集体行动。巴西外交部称，设在基辅的巴西驻乌克兰使馆有一份在乌克兰境内的100名巴西公民的名单，工作人员在极力协助他们前往周边国家。
<fieldset class="control-group error"> </fieldset>
2012年，随着国际社会对德黑兰核计划的制裁收紧，根据欧盟理事会的决定，SWIFT断开了与伊朗银行的连接。我联系了他们，他们比所有活着的人都更加有活力，比那些坐在沙发上敲出假消息的人更有活力。
在这种背景下，一些专家对于欧美在短短48小时内就转变了态度，并且迈出了制裁的关键一步，感到有些吃惊。——塔斯社26日援引俄罗斯总统新闻秘书佩斯科夫的话报道，俄总统网站受到持续攻击，网页频繁崩溃。当地时间23日，莫里森表示，澳大利亚将首先对俄罗斯联邦安理会的8个成员实施旅行禁令和有针对性的金融制裁，这些成员包括俄罗斯的高级政府官员和国防部长等。
乌克兰的氧气供应情况已经接近非常危险的地步。ABC称，澳大利亚不会直接向乌克兰运送任何武器，而是会通过向北约提供资金援助，以支持武器运输
他们是我们的一员，我们希望他们加入。俄罗斯是世界第一大天然气出口国和第二大石油出口国，欧盟中德国、捷克、匈牙利等中东欧国家高度依赖俄罗斯油气资源。
冯德莱恩和博雷利还表示，该提案还将巩固欧盟此前宣布的一揽子措施，后者旨在通过对俄罗斯实施更多金融制裁，比如将选定的俄罗斯银行从环球银行金融电信协会（SWIFT）国际结算系统中移除，来加强对乌克兰的国际支持。点击进入专题：普京宣布对乌克兰采取军事行动。对此，俄罗斯目前还没有做出回应
德国破格批准向乌克兰交付14辆装甲车、1000枚反坦克火箭筒、500枚毒刺地对空导弹及数量不明的榴弹炮，以及1万吨燃油，这些行动都部分地打破了北约此前的一些惯例。
