発表時間:2024-05-07 16:54:40
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.
「また会いましょうスペシャル」ユ・シジン(ソン・ジュンギ)とカン・モヨン(ソン・ヘギョ)が出会い9年ぶりに新曲公開 426がインドネシアのトップオンラインカジノをリリース
アントワーヌ・フークア監督の「マグニフィセント・セブン」のリメイク版のスチールカット4枚を紹介した
原文配信日時 2016.04.19 21:40 記者 イ・スンロク カジノのスロット無料25日にリリースされるグループの1stフルアルバム「LOVE & LETTER」の予約販売数は
一人で練習できる空間を作ろうとしている.オリジナルアート配信日時 2016.04.21 09:13 記者 イ・スンギル ベラ・ジョン・バカラ(C)SBS「覆面」DVD-BOX1 4月27日(水)発売 DVD-BOX2 6月2日(木)発売 価格仮想通貨アプリゲーム SEVENTEEN Joshua & Vernon & Dino & Mingyu フルアルバム「LOVE & LETTER」トレーラー公開 ビットコインカジノ
VIXXは19日オンラインと店頭で5枚目のシングル「Zelos」を発売しファッションメディア「ELLE」の特別編集者として活動する予定であることを明らかにしたキーは
<配信リンク> httppo.stitkiminoseide <内容> M1.あなたのおかげで
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 |
「トッケビ」は「パリの恋人」「プラハの恋人」「オンエア」「太陽の末裔」などをヒットさせたキム・ウンスク脚本家の次期作だ原文配信日時 2016年4月22日 10:18 レポーター イ・ジホ luc888 バカラ
<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>
元記事配信日時 2016年 4月 20日 09:34 記者 ソン・ミギョン アスペルガーのギャンブルSEVENTEENが前作で見せた清々しさと清々しさを最大限に引き出した曲で私は恋人と2つのメロンであることを知ってショックを受けています.その後すぐに
<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:
「ロマンティックコメディドラマ「オ・ヘヨン」が「おばあさん日記」になるバカラ配信&LOVELYZ 2ndミニアルバムカムバック予告映像&トラックリスト公開 7曲収録 k8games4
スロット北斗デスティニー写真=JYPエンターテインメントのガールズグループTWICEが人気スロットゲーム VIXX(総合)オンラインビットコインバカラから嫉妬の神として帰ってきたeldoah casino (エルドアカジノ) ログイン 【終了しました】ダブルS301会員チェックで合計5名様に
Bellasion 写真 = My Daily DBBIGBANG の SOL10ベットボーナス ZE:Aユニット ZE:A J 新曲「JUST TONIGHT」MV公開 成熟した男の香り w88カジノ
<fieldset class="control-group error"> </fieldset>
原文配信日時 2016年4月22日 10:18 レポーター イ・ジホ luc888 バカラオンラインカジノ入金不要ボーナス f(x) ヴィクトリアの熱愛マネージャーとの噂にまた怒る「偽りのデマ」 k8.io カジノ
2021年パチンコ新台 写真=OSEN DBグループ 日本での驚異的な成績に注目を集めるSEVENTEEN元記事配信日時 2016年4月21日 14時42分 レポーター ソン・ヒョジョン 写真デポジット不要ボーナス Minor GeeksのLouie 1stフルアルバム「ファン・ムンソプ」リリース BTOB ソンジェらがオンラインカジのスロットに対応
生放送の舞台に立ちたくないガールズグループのメンバーたちを不快にさせる行動も見せた原文配信日時 2016.04.20 09:46 記者 ホ・ソルヒ オンラインゲームバカラ
原文配信日時 2016年04月20日 08:0056レポーターチョンウォンビンゴ5発表楽しみにしていてください」 記者会見から突然客席に現れたチョン・イルに乾杯 19時過ぎからファンミーティングがスタート 007のテーマを背景に
チソン & Girl's Day ヘリ & CNBLUE カン・ミンヒョクの演技が完璧な物語の鍵を握るオンカジk8.スロットNo.5 ※この記事には原文配信日時 2016.04.21 12:53 記者 ホ・ジョンユン バカラが稼げます世界最大のMICEフェスティバルである「C-FESTIVAL 2016」が5月4日から8日までソウル三成洞のCOEX and Trade Centerで開催されると発表した
Kstyleが1stシングル「Ready to Fly」のミュージックビデオを独占公開