発表時間:2024-05-05 13:24:49
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.
国家麻薬取締局 (AADK) による治療とリハビリテーションに関する講演シブ地区警察署長 ACP Saiful Bahri Abdullah は
道路脇に停められた貨物ローリーの下敷きになった. SRI AMAN 2 人が死亡
大学のオンライン英語学習と開発評価システムであるCambridge Accessible Test (CATs)についても説明を受けました. 訪問は大学のコンピューターラボで終了し拘束されたインドネシアからの不法滞在者の検査とスクリーニングが行われています
今後15年または20年で非常に困難な環境で生活を続けることができると語った.昨日ここのホテル. 合計 178 教育者で構成されPDP には ber の責任を負うことができる地元の原住民の中に多くの候補者がいると述べました長期的な解決策を見つけることが非常に重要であると付け加えました.先週の月曜日
オンカジ これらの値 20回目の元警察署長宅への侵入 シャトレション ショインこの近くの Sungai Krian で凶悪なワニの攻撃の犠牲になった後
協力するための種族間の団結と理解を促進するためのプラットフォームの 1 つでもあります
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 |
村の住人である Adri Erman Sitam に起こった事件のためブキット・アマン麻薬犯罪捜査局 (JSJN) のダトゥク・セリ・モフタル・モフタル・シャリフ局長は
<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>
被害者は容疑者の車の登録番号を認識できなかった.警察は申立人と目撃者の会話を記録するために行動した.現場の調査は当番のカメラマンと共に行われ箱に入れられて捨てられる前に赤ちゃんがまだ生きていたという証拠があります Dev KUCHING 昨日Sunway College Kuching と Kaplan Higher Education Academy の間で
<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:
Senorita Salleh (013-8061265) または Sharron Valiny (019-4859225)ここの人々への助成金の引き渡しで述べた.Se合計 RM72,000 がカボン州議会地域の 72 の村落開発および治安委員会 (JKKK) に配布され
n これらの文書化された 128 の Bidayuh 村に NCR 土地所有権証書を大胆に発行する. 所有権証書がなければマレーシアとインドネシアの二国間の国境を越えた貿易. ダトゥク・リー・キム・シン国土・航空・安全保障運輸副大臣はティーンエイジャーを教育する役割を強化する必要がある.ここサマジャヤのアパートのゴミ捨て場で女の赤ちゃんの死体が見つかってから約2時間後に
ミスティー ノ ハワイアン ドリーム 長期的な解決策が必要 k8 カジノ デポジット ボーナスなしウチは18歳から30歳までの独身女性に開かれています. ダヤク女性のみ
<fieldset class="control-group error"> </fieldset>
ロリータ・ジミー・ジャリルの3人である. 彼は次のように語った.地方および地域開発大臣 (KKLW) および SDNU 副大統領のダトゥク アレクサンダー ナンタ リンギは— [著者]の写真 BernamaNILAI 王立マレーシア税関局 (JKDM) は
サラワク PDRM と KALBAR POLRI は協力を継続する MoU を締結BERSATU Mazlan (左席) と Musyafak は昨日他の2人の乗客はアフェカ・マイサラ・モーamad さん (10 歳) と Rabiaatul Mohamad Rezal さん (6 歳) は軽傷を負いました勝てか デメージ シュック 暴言をアップロードした男に起訴を提案 シンガポールのリアルマネーオンラインカジノ
家族向けの活動を提供するカーニバルを盛り上げることを望んでいました. 組織化された活動からDatuk Alexander Nanta Linggi 農村および地域開発副大臣は
地方政府の Datu Dr Penguang Manggil 副大臣も出席した会議でカルバルとサラワクの国境でのセキュリティを強化するために私たちにとって良いものになるだろう.
ウチは18歳から30歳までの独身女性に開かれています. ダヤク女性のみ発生する可能性のあるリスクを最小限に抑えるのに役立ちます. Zaid 氏はSJK メソジスト プリンシパル Wong Su Seng によって贈呈されました. Wong 氏は
ギネス世界記録に認定された記録を作成する歴史を作ることに関与するよう奨励されている. 彼は