发表时间:2022-06-28 22:56:59
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.
符拉迪沃斯托克和朱诺于1991年建立了友好城市关系。感染者10:系感染者2的密切接触者,家住城关镇港口路中通快递附近,经市疾控中心复核阳性。
尽管今年上榜者的财富总额达到12.7万亿美元,但较去年的13.1万亿美元有所下降。
虽然对个人而言,身正不怕影子斜,但他担心的是对单位造成的负面舆论。他回到乡下看老人、挖野菜,不看手机看大自然。
点击进入专题:日本载26人观光船失联。这些选票何去何从将决定谁能当选新任法国总统。据悉,在俄罗斯表示其核力量处于高度戒备状态后,美国国防部于3月2日首次宣布推迟对民兵3的试射,以避免与俄罗斯的核紧张局势升级。
这份声明称,我们为给乘客旅行计划带来的延误和不便表达真诚的歉意。而制裁,还可能推动粮食价格上涨22%。
第二次,就在一位网友连刷100万元礼物之后,他收到大量恶评,称他靠着这身警服获取了收益。
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 |
不过,从历史经验来看,在高通胀和低失业率的背景下,美联储很难通过大幅收紧货币政策实现经济软着陆,激进货币政策可能伤及自身,并祸延全球。美联储正试图让美国经济实现软着陆。
<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>
现年53岁的玛丽娜·勒庞是法国政党国民阵线创始人和前主席让-马里·勒庞的女儿,2011年1月当选国民阵线主席,国民阵线后更名为国民联盟。(总台记者马瑾瑾)点击进入专题:2022年法国大选许多来自南美洲或非洲原住民社群的生物学家不得不学习殖民者的语言,他们无法为自己的研究积累更多知识,因为许多研究只以他们不懂的语言发表。
<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:
我们都有一个伟大的愿望:看到和平。俄罗斯的粮食不仅可以解古巴一国之急,甚至关乎全球粮食命运。
俄罗斯和乌克兰将于4月1日,也就是今日恢复线上谈判结果显示,在美国支持下于乌克兰开展的生物实验项目的部分病原体被运送至美国。一段时间后,这些油轮会在其他地点打开转发器。
此外,违规的虚拟货币交易所经营者也将受到严格调查并被追究责任。(总台记者王斌)另据中新网报道:美国务卿和防长突访乌克兰会见泽连斯基做出这些承诺中新网4月25日电综合报道,美国官员称,美国国务卿布林肯和国防部长奥斯汀当地时间24日访问乌克兰首都基辅,会见了乌总统泽连斯基、外长库列巴等人,进行了约90分钟的会谈。
<fieldset class="control-group error"> </fieldset>
报道称,55岁的马克·范德·海伊自2021年4月9日以来一直在国际空间站上,在近地轨道上待了355天,成为在太空停留时间最久的美国宇航员,而俄罗斯宇航员则保持着在太空停留438天的世界纪录。他说,俄方一直是可靠供应方,俄方珍视这一地位,不会做任何有损名誉的事。
从航行图上来看,这些油轮的航线是断头的——它们的航行轨迹并不是连续的线,而是两个分隔的点。孩子们也是如此,他们在这段时间里迅速成长,对彼此和周围的人也有了责任感。俄罗斯总统普京3月5日曾表示,自2014年以来,顿巴斯地区已有1.3万至1.4万名平民丧生。
这些油去了哪里?我们来看一张从俄罗斯港口到欧洲港口的日均油出口统计图:最大的增量,流向了未知目的地。学而思、新东方纷纷开设中文课程除了奥数,面向华人家庭的中文课程也是学而思的重要方向之一。
他近日也曾暗示,美联储可能在5月货币政策例会上加息50个基点。哈里·杜鲁门号航空母舰在地中海的驻扎时间也将延长。
但乌军方宣称23日击落3架俄军战机的消息中,既没有公布是由什么型号的防空武器击落的,也没有直接对外公布被击落的俄战机残骸。进一步的结果,就是冲击美元霸权。如有可能,俄还将对敖德萨市和尼古拉耶夫市展开军事行动。
考虑到美国制裁俄罗斯油已经导致全球的供需失衡,让油价涨了一波,再涨下去,就是恶性循环:美国的制裁导致供需失衡,油价上涨——在高企的油价下,一些企业为了逐利,铤而走险,导致断头航线越来越多——断头航线抬高运输成本,又进一步会助推油价上涨,雪上加霜。