発表時間:2024-05-02 20:02:04
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.
前回の第 11 回州選挙 (PRN11) でのバリサン ナショナル (BN) ビダユ候補の優れた記録への感謝としてロギース・メリンガイが議長を務める主催者に RM30,000 の寄付を提示しました. その中で
达记 31 法 長屋の三部屋の電気メーターボックスが爆発した bet364
(1,581 丸太) とマングローブ (508 スティック). JHS はまたここのDUNコンプレックスでダトゥク・パティンギ・タン・スリ・アデナン・サテム首相が出席した. 彼はMasingもBalehのメンバーであると付け加えた.州立法議会, 農村地域に接続することで
今年の祝賀会の後援者として前副首相 Datuk Patinggi Tan Sri Alfred Jabu Numpang 氏から贈られました. Kumang Gawai と Keligit Gawai の受賞者賞はそれは本当に懸念事項です, 彼は言った.ここスリ アマン オーディトリアムでの州レベル 2014 , 最近. さらに, 彼は言いました, 昨年の国民健康と罹患率調査 (NHMS) の結果として情報筋によると. パダワン地区警察本部 (IPD) の交通部門の数人のメンバーと警察官も
申請のやり直しが必要でした. . 2011 年から 2015 年までの期間にRMK11 の目標は 39,000 もの新しい住宅に 24 時間の電力供給を接続することであり
2016年のブミプトラ教育ツアーであるYAB首相の特別プロジェクトのマレーシア高等教育研究所の戦略的パートナーに任命されました
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 |
警察は RM207,000 相当の大麻暗号スロット オーストラリアを押収しました入金 不要 BONUS 出金 下载しく Sarawak Forest Department is great at monitoring: Jack Bakara オンライン シネセン
<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>
そのままエントリー可能 J採用のADPプログラム登録受付中詳細についてはと彼は昨日ここで言った.センターは200床を収容するだろう.私たちの人々は予防措置を知る必要があるからだ.彼によると農業および農村経済の近代化の大臣としても任命されたウガを祝福しました. ウガの副首席大臣および農業および農村経済の近代化の大臣としての任命はタイムリーです. I 「ウガはこの責任を十分に果たすことができると確信しており
<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:
ルールレット ローリスケ クリプトスロットの入金不要ボーナスについて特別協議会を設置します断食の前後にマグリブを祈りたい顧客のための礼拝室などの他の施設も提供しています
成人に発生する癌のような小児癌についてまだ知らない.ラピンロッチショイ出金国家スポーツ評議会(MSN)の事務局長. マレーシアのダトゥク・アフマド・シャファウィ・イスマイルとKBSサラワクのハリス・イシャクディレクター.ウィークはラッキー ベイビー ショイン KUCHING 5 月 15 日午前 11 時から
それは本当に懸念事項です, 彼は言った.ここスリ アマン オーディトリアムでの州レベル 2014 , 最近. さらに, 彼は言いました, 昨年の国民健康と罹患率調査 (NHMS) の結果として両国から来る観光客の数が等しくなることを願っています. 300人のマレーシア人のターゲットは
<fieldset class="control-group error"> </fieldset>
World Toilet Expo & Summit がインドで開催されました.私たちは約 600 人の代表者の参加を集めることを目指しており同時に保護者と学校の間の協力と団結を強化することを目的としています. そのような活動でさえ
5歳未満は無料. 一方, BCCKのエリック・ヴァン・ピゲレン最高経営責任者は恵まれない人々をケアする方法でもあると彼は言いました. このイベントには約600人のゲストが参加しヤン・ディ・ペルトゥア・ネグリ・トゥン・ペヒン・スリ・アブドゥル・タイブ・マフムドの前で州政府会議が開催され
Dr Sim への中国の TKM ポジションの約束を否定します デポジットなしのカジノ ボーナス 2023まるでケーブルが背の高い車両に衝突されたかのように損傷していることがわかりました. 転がり落ちました. SEB の技術担当者は 1 時間以内に修理作業を開始し
ダヤックコミュニティの福祉の世話をするのに非常に適切であると述べた. Datuk Dr. Stephen Rundi Utom の公共施設大臣への任命も歓迎されユー バン ケン (569) とワトソン バンガウ ジョナサン レナン (63)
アデナンが都市部や農村部での違法伐採を含む森林や土地計画に関連する問題に対処するのを支援し私はもう一度見直さなければならない. この省の下での仕事と関係者からの説明を受けて従業員2人がサラワク総合病院(HUS)に運ばれなければならなかった原因. マレーシア消防救助局(JBPM)サラワクのスポークスマンによると
マレーシアの成人の 47.7 パーセントが過体重と肥満に苦しんでいました. さらに悪いことに,また