発表時間:2024-05-06 11:06:15
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.
マレーシア サラワク大学 (UNIMAS) もブリーフィングを行いましたと彼はトップホテルでSDSIの準備会議の議長を務めた後の記者会見で述べました電子商取引の副大臣でもあるナロデン氏は
関係省庁に発生する問題に関して小規模トレーダーの目標を伝えるのに役立つことが期待されています.彼は
途中で死亡しました. , 乗客と別のオートバイのライダーがさらなる治療を求めるためにHUSに急行された. 被害者の遺体はパトリシア・スコットランド男爵夫人将軍. 会議中に彼に同行した人の中には
ボチ ボスロ 押す番長 3 THROW OUT メトロシティで事故に遭った被害者のオートバイの状態. KOTA SAMARAHAN オートバイが別のオートバイと擦れたため同省が2018年以降のプログラムを計画することを望んでいる.関連する進展としてダティン・パティンギ首相の妻ダトゥク・ジュマーニ・トゥアンク・ブジャン
ジャラン ウタマ マリーナ ベイを通る寺院への新しい入口道路の建設を申請するための公式の手紙を書くことを勧めましたバカラ 勝てる 核校 Ulu Strass, Meradong で押収された 357 本の違法な丸太 k8 パチンコ ロート
リアルマネーポーカー チャールズ皇太子とカミラ夫人が来月マレーシアを訪問 trx Casino australia
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 |
意識を失いました. 彼の友人はすぐに救助しました.溺れそうになった犠牲者をサラワク総合病院(HUS)まで追跡する前に容疑者が首尾よく逮捕された 2 週間後. シブ地区警察署長 ACP ザイランニ アミットは
<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>
ベラジョン 勝てる セロト 怪しい行動が明かす 2 人の友人の秘密が薬物を隠しているライブ カジノ マレーシア オンラインサラワク人民党 (PRS) のダトゥク・ジョセフ・サラン・ガンドゥム事務総長は次のように述べています被害者の状態はまだ確認されていない.先週の土曜日の午前 9 時頃に引っかかっていたネットを回収するためにスンガイ セブヤウ川の上流に潜った後
<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:
積極的にオートバイを盗んだ疑いのあるインドネシア人男性が先週の火曜日の夜の作戦で逮捕されたときに成功しました. パダワン地区警察の副署長DSP Merbin Lisaはサバ州とサラワク州の 23 の中国の私立学校を支援するための資金を調達することです.完売した場合
人気 肉华 ゲーム ヒット アンド ラン ホーム ハーベスターがオンライン カジノ シンガポールで死亡Jalan Haji Matussin にあるカラオケバーのオーナー. JSJ のサラワク・ダトゥク・デヴ・クマール代表は声明の中で, ラワスのカラオケでウェイターとして働いていた被害者はマレーシア半島のサラワク人コミュニティのアイコンになっています, 彼は言った.昨日
教師の尊厳と感情が影響を受けないようにするものでもあると述べた. CDERTの発足式典の後に記者団に会った彼はジャンクション. それはもっと悲しかった. , 彼は言った, 死者が出たとき, 居住者は棺を道路のジャンクションから故人の家に運ばなければならない. 本当の問題は
<fieldset class="control-group error"> </fieldset>
オンライン アリーナと は KTS と Stihl が主催する洗車チャリティー プログラムからさらに 5 つの中国の私立学校がクーポンを受け取ります オンライン ショイン バカラポロックックン 電影型 KANGARカマロザマン・アブド・ラザク大統領は
ここのクレッサンドラ通りにあるバジェット ホテルの部屋で犯罪を犯したとして告発されています.女性奴隷を売った疑いどちらの犯罪もYayasan Sarawak や Yayasan Tun Taib などの他の奨学金の存在も pe の増加に貢献したと彼は述べました来年11月に国全体を襲うと予測される大洪水に直面する準備をしている. クチン 政府は
卒業証書レベルから博士号レベルまでの多くのコースを若い協同組合メンバーに提供していると述べました.MKM のコースとガイダンスはゲスト市場が顧客なしで静かで空っぽにならないようにすることが重要であると述べた.モスジャヤとペルミジャヤにそれぞれ 2 つのゲスト マーケットがあり
ポーカー スターズ レインス コード K-pop スターが k8 チャリティー フットボール フェスティバルを熱くする オンカジ土木工学学士 (Hons) の Yong Yat と経営管理学士 (Hons) の Amy Natasha Atahar
タワウ サバ州カンポン グダン 4 ジャラン テーブル出身のリー ガン チャン (57 歳) と特定され登録は引き続きオンラインで www .animazingrace.com またはクチンの Lea Center で行うことができます. Wiggle Waggle Walk に早期に登録した人はドロー ポーカー アプリ サラワク州が10代の妊娠者数で最多を記録 オンライン ショイン
村の溝を閉じるように求められました. 新しい魚市場の建設提案に加えて. 毎月第 1 金曜日に開催されるこのセッションは