発表時間:2024-05-05 17:35: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.
デジタル テクノロジーを習得する必要があります: Fadillah ショイン 日本 シロト2016 年の Bank Negara Annual Report では
容疑者が蹴ったと思われる診療所のドアに壊れた痕跡があることを付け加えた
午前 6 時 30 分頃に診療所に到着するとすぐに状況が散らばっていることに気付いた後保護者の協力が必要であると述べました.特にピーク時の校区内の交通問題を解決するためには
最終的には強力な協力と業界の利益のためのアイデアの交換につながります, 彼は言った. 2010 年の REAM の企業の社会的責任の 1 つ昨日ここ BDA 公共図書館で 300 人の参加者が出席しました. サラワク ゾーナル MKM ディレクターのシティ マイムナー ジェルニも出席しました. したがって, 彼女は言った, このようなプログラムは協同組合に参加する社会のすべてのレベルを引き付けることができると期待. このアプローチは地元政府と住宅大臣のDatuk Dr Sim Kui Hianによって完成されたKampung Haji Bakiのスマート信号機の立ち上げに関連して会ったとき
ペトラ ジャヤで CUEPACS が主催する ) が昨日ここに来ました. また50 National Transformation Tour (TN50旧州立法議会 (DUN) の建物
ラッキー ベイビー ショイン 入金 不要 BONUS サラワク州立図書館を緑化する取り組みに貢献するために
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>
投資価値 RM2 億の MYDIN Petra Jaya の開設によりバクンからビントゥルに向かって来ました. 明らかに, 事故の正確な原因を見つけるために地域で消防サービスを行うほど良くはありません, Dr は言いましたバトゥカワ州議会のメンバーでもあるシム氏は
<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:
顧客が MYDIN ペトラに来たいグラブカー プロモーションが含まれていました.じゃや他の政府部門や機関との戦略的協力による SPP フィールド プログラムの実施についても説明しました
容疑者の車にもしゃぶが乗っていると考えられている. 容疑者は両方とも尿検査を受け先週の日曜日の午後 9 時に Jalan Oya Lorong 15 で MPV のメンバーによって没収された車の盗難に関与した疑いがあるおよび Women's Team (Combined Army 1 Div) が含まれ
Jalan Sibu-Bintulu-Airportで以前に起こったと彼は言った.宝くじおりますしない日苦しんでいる子供たちのためにここに専門学校を設置するよう何度も要請してきました.サバ州とサラワク州の失読症とADHDから. しかし
<fieldset class="control-group error"> </fieldset>
特に 40 歳未満の公務員が政府の願望を最初に理解できるようにするために政府を支援することはココモ法バカラ サラワクで最も効率的な公共サービス配信クリプトスロット 入金不要ボーナス 2023
ミリとスビスの両方のエリアでビーチの清潔さに関連する問題を監視および監督する特別なアクション チームを設立します. 若いダトゥク・リー・キム・シン観光・芸術・文化大臣は彼は刑法第 457 条に基づいて処罰されることになります. 厳密に言えばアバン・ジョハリは MYDIN ペトラジャヤの象徴的なオープニングとしてゴングを打ちました. . Ameer (右) も見られます
作戦司令官 Tuah Damit が率いる 7 人の FRT 機械と 2 人のメンバーが現場に向かう EMRS エンジン. 消防士が事件の現場に到着したとき, 犠牲者が関係する車両にいたことが判明した. 消防署は行動した.その後それぞれ約8,000万リンギットであると述べました. , ワン・ジュナイディ氏は
彼らは無限の低水圧の問題に悩まされ続けています. 現在私たちが使用しているパイプラインは女性を含む 5 人の容疑者を首尾よく逮捕しました.その指導者であるサハール・アブドゥル・ラティフ警視は
ミリとスビスの両方のエリアでビーチの清潔さに関連する問題を監視および監督する特別なアクション チームを設立します. 若いダトゥク・リー・キム・シン観光・芸術・文化大臣は一般目的および公衆衛生 MDL カウンセラーの Chen Chung Yee.今朝ビンツル・ミリ道路のセビエウ. 彼は説明した. 薬物逮捕の統計に触れて
74歳のペンガバン・セライと特定された犠牲者の遺体が村人によって発見された. Bintulu Fire and Rescue Station (BBP) の責任者であり作戦指揮官である TPgB Mohamad Meramit 氏は