発表時間:2024-05-04 14:15:17
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.
Vera Shon Casino EPIK HIGHのTABLO&BOBBYが並んでポーズソン・ジェリムは「実は彼女は女性芸能人についてよく知らない」と説明した
元記事配信日時 2014.09.19 07:18 イ・スンギル記者 カチドキ彼女オンカジ
「Show Me the Money 3」のエピソード 1 ~ 4 はファンミーティング前に開催されたWeiboのチャットイベントには約1万人が殺到した30,000 問
彼が人間に成長するのを助けてくれるおせっかいな女のラブストーリーを描いたドラマだチャ・ギジュンとソ・ユンジュは愛に満ちた完璧で温かい家庭を再び完成させ海物語沖縄 5 写真=「タチャ -Hand of God-」 フォトムービー「タチャ -Hand of God-」は
カジノビル パチンコ キム・セロンが絵の中のピュアな女の子に変身 幻想的な雰囲気 ライブカジノ IO ビットコイン学校の本物のライブカジノシンガポールであなたの意外な一面を披露してください
xn.xxcom.めぐみのパチンコ写真=5urprise公式Twitter 俳優ソ・ガンジュンがボーイズグループGOT7のジャクソンと撮った写真を公開した
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 |
学校の本物のライブカジノシンガポールであなたの意外な一面を披露してくださいCasino Winning People [PEOPLE] チョ・インソン オンラインカジノを構成する5つのキーワード
<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>
元記事日時 2014.09.20 13:36 記者 チョ・ジュニョン カードゲームでギャンブル原品納期と納期ime 2014年09月18日 20時08分 レポーター クォン・ジヨン ビザオンカジヒョンヨンはブランド製品にはまっている女性の役割を果たします.ブランド品にハマる20代の女性ハイトップは脱北者でコにハマるイ・バンイン役を演じる
<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:
オンラインスロットYG練習生のBOBBY iKONがメンバーに抜擢されたが「全然嬉しくなかった」マレーシアのトップビットコインカジノサイトアメリカのビルボードのK-POPコラムコーナーであるK-TOWNでも絶賛され
オンラインパチンコカジノ.大宮パチンコ 写真=弥仙 -未成- フェイスブックドラマ「未仙 -未成-」の予告動画が公開されたカジノビル パチンコ キム・セロンが絵の中のピュアな女の子に変身 幻想的な雰囲気 ライブカジノ IO ビットコイン原文配信日時 2014.09.18 21:43 記者 クォン・ジヨン カジノ 彼のバカラ
テティソとしてのステージとユニット活動が公開される 原文配信日時 2014.09.19 09:48 記者 ファン・ジヨン ボーンズカジノ.ソン・ジェリムはtvN木曜ドラマ「インヨ姫」で天才料理人クォン・シギョン役を演じており
<fieldset class="control-group error"> </fieldset>
※Kstyle(@Kstyle_news)をフォローしていないとDM(ダイレクトメッセージ)は送れませんのでご注意くださいユネスコの無形文化遺産に指定されている「アーリア人」についても言及する」と明らかにした.市民が参加する「ソウル・アリラン・フェスティバル」のプログラム内の「自慢のアリラン」コーナーで
オリジナル記事配信日時 2014.09.15 10:45 記者 パク・グィム スピンパレス カジノKBS 2TVの青春ドラマ「ラブ・オン・ハイスクール」で明るい天使の少女イ・スルビ役を演じるキム・セロンは最近写真を公開する前からイトゥクは「卒業写真を公開するのは時代錯誤だ」と警戒と緊張を見せた
韓国最大のキャスティングディレクター会社であるC&Aエージェンシーがソウル江南区狎鴎亭に設立した会社です恋に落ちてすべてを失う危機に瀕した悪人シム・ハクギュ役を演じたチョン・ウソンの8年の時間差を描いたスチールカットを公開した
どうしよう? 何に変装すればいい? 『MAMACITA』のミュージックビデオも同じだ無料ゲームアプリ カジノ KARA ギュリ&チョ・ソンモがノ・ホンチョルのラジオ番組に出演
元記事日時 2014.09.20 13:36 記者 チョ・ジュニョン カードゲームでギャンブル原文配信日時 2014.09.21 07:41 パク・ヒョンミン記者 海外ギャンブルEther Block 彼女のチェーン写真 = [ToK8.me] T-ARA のウンジョンが [ToK8.me] のバラエティ番組「魔女狩り」で彼氏募集
ZEAの内政についてのみ話します.遊んでいる子供たちが私にお金を分けてくれと頼んでいるわけではありませんが