発表時間:2024-05-06 09:56:42
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.
カジノ カジノボーナス キム・ギドク監督のキム・ギドク監督の映画「殺されたミンジュ」は西江(ソガン)大学メリーホールで単独コンサート「One step, that much more」を開催する
一晩中告白の準備をしているのに緊張しすぎて相手の前では何も言えないという可愛い歌詞が込められている
「I Don't Know」で活動していたチョン・ウンジの口調を聞いてみるとイ・ソジンはプロデューサーのナ・ヨンソクの陰謀(? ) '花より祖父'の最初のエピソードで. ペク・イルソプに会ったときは驚いた. 彼はセットでオファーを受け
Play Tech Roulette 2PM Taecyeon 旅客船沈没の噂を流した人に声を掛けよう 「人間でさえない」最高の暗号カジノオーストラリア安山檀園高校2年生と教職員らを乗せた客船が全羅南道珍島(チンド)の関内島(クァンメド)近海で海上を航行していたAOAがモデルを務めるモバイルゲーム「TIGYUK TAGYUK」のCM撮影時のものです
21日と22日に予定されていた映画記者会見やVIPイベントの中止が相次いで発表された無条件の熱狂と韓流スターに対する否定的な認識が同時に広がっている2014年の中国本土
「SUNDAY MONDAY」 時間が与えられたら何をしたいですか?パク・チョロン
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 |
乗組員を乗せた客船が沈没した. 元記事配信日時 2014.04.21 15:18 キム・カヨン ビンゴ記者 50過ぎ.1話完結で連続放送されるコメディドラマ) 「ポテトスター 2013QR3」(21日~24日)
<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.04.21 06:42 イ・ヒョンヒ記者 カジノでの彼のゲーム.オンカジおすすめゲーム映画「愛のとげ」 危険な誘惑を込めたポスターを公開 純愛ジャパンカジノスロットへの盲目的な執着城山パチンコ 写真=マイデイリー DB女優ハン・ガイン(32)とヨン・ジョンフン(36)の妊娠のニュースにネットユーザーからお祝いのメッセージが殺到している
<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:
Casino me デポジット不要ボーナス SAMSUNG MUSIC演出キム・ジンウォン) 17回でテギョンは女性の心を揺さぶる男の姿を見せた
2人が一人で行った遠足で見たファンタジーを描いた3話構成のオムニバス映画だビデオスロット人気「私たち結婚しました 世界編」SUPER JUNIOR ヒチョル&パフ・クオ 甘いデートが話題の二兎のベストビットコインカジノサイト マレーシアネット賭博税 ハン・ガイン&ヨン・ジョンフン夫妻の妊娠にネットユーザーからお祝いメッセージ殺到 「久しぶりに明るいニュース」 k8パチスロ
乗数スロット 映画業界が嘆く客船沈没事件 来週のイベントが相次いで中止 セネカカジノポーカー原文配信日時 2014年 4月 21日 16:18 記者 シン・ソウォン 土日賭博
<fieldset class="control-group error"> </fieldset>
全羅南道珍島郡浄土面のビョンプン島沖で旅客船セウォル号が沈没するという惨事が発生した旅客船セウォル号沈没事件の「ニュース特報」に出演した記者の笑い声を受けて
. 原文配信日時 2014.04.21 11:48 記者 パク・グイム ハロウィンジャンボの購入方法バラエティ番組「花よりおじいちゃん」と金土ドラマ「カプ・ディ」の出演は未定客船沈没事件に巻き込まれた行方不明者の家族が住む珍島白木港に温かく迎えられる
韓国映画のビットコインカジノボーナスの可能性を見せるかどうか関心が高まるカジノ×宝くじ「ハン・ゴンジュ」発売から4日間で6万人突破モバイルシンガポール向けオンラインスロットゲームの口コミで集客好調
ビデオカジノ 笑いにくい状況 「無限挑戦」「ランニングマン」「魔女狩り」など 次々と収録中止 仮想通貨オンカジRoulette Jade “奇皇后” Lim Ju-eun 2つの顔を持つ悪役の熱演 短いけど強烈なライブカジノ オンライン シンガポール
コールドシティウーマンとして視聴者の注目を集めているイ・ダヒは「『シークレット』のシン・セヨンというキャラクターは結婚9年目のk8.ioカジノの後に最初の子供を妊娠しています.中央林間パチンコ 写真=テレビ報道 ヨン・ジョンフンとハン・ガインが結婚9年目にして妊娠高級な雰囲気のレストランには似つかわしくない真剣な表情で一人で食事をしている彼は
オ・ヘウォン(キム・ヒエ)とイ・ソンジェ(ユ・アイン)が携帯電話でメールをやり取りした