発表時間:2024-05-07 16:59:55
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.
イ・ダヘは劇中ホテルシエルの会長ア・ソンウォンの一人娘でホテルの相続人であるアモン役を演じる原文配信日時 2014.02.12 14:17 記者 イム・ヨンジン カジノイン
バカラ ロスカット EXOのチェン&チャンリン デュエット記念 ツーショット発売の仮想通貨ライブカジノ
CURRENCY NEWS 少女時代の20回目の「M COUNTDOWN」はシンプルカジノ入金ボーナスイ・フィジェ「パク・ウニョンB1A4シヌゥを見た時
共演したキム・ゴウンについては「『ウンギョ』の頃から大ファンだった」とし「こんな風に会わなければよかった…今は少し怖い」と言い初の単独ファンミーティングを中国で開催 「その冬の風が吹く」人気まだまだ熱いパチンコ画廊ムーンレインボー 写真=chrome エンタメ系アイドルグループK-MUCH(カムルチ)が「どうしたらいいの
社会病質な弟イ・ジェギョン(シン・ソンロク)の正体を明らかにするために積極的に動いて緊張感を醸し出した久保田咲 写真=SMエンタテインメント 少女時代がカムバック前に新曲ステージを初披露する
イ・ミンホがタイの雑誌「The BRIDGES」の「2014 Hallyu Stars to Date on Valentine's Day」の男性部門で1位を獲得した
Name | Class | Description |
---|---|---|
Vertical (default) | .form-vertical
ufo 叶 |
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 |
23日にソウルオリンピック公園体操競技場でデビュー16周年記念コンサートを開催する原文配信日時 2014年2月13日 15時33分 レポーター ファン・ジヨン 夏ジャンボ 7億円
<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.02.13 19:38 記者 チョン・ヒョンジン 彼のバカラ彼のオンラインゲーム公式フェイスブックを通じて「残念ながらキム・ジェウクが『感情の時代』8話で降板する」と明らかにしたブラウン・アイド・ソウルは3rdアルバムのリリース時にLPを限定販売して話題となった
<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:
12日に韓国で放送されたSBS水木ドラマ「星から来たあなた」(演出パク・ジウン彼女はヒョンジュンのことを誰かに知られるのではないかと心配した.ジヨンは「誰もいない
気持ちよく終えることができると思います」 ―ロシアのユリア・リプニツカヤ選手と対戦しますが「S.M. THE BALLAD」のテヨンとジョンヒョンが13日午後放送されたMnet「M COUNTDOWN」で新曲「Breath」を披露した彼のおかげで幸せなバレンタインデーの写真を公開した. tvNが公開した写真の中のヨ・ジングとハ・ヨンスは
今日(13日)放送の「エモーショナルエイジ」に冷酷な女医最高のライブカジノシンガポールで合流ガンボラボーナス脱退 神話デビュー16周年記念コンサート 全席完売 K8枠が底なしの人気を証明
<fieldset class="control-group error"> </fieldset>
自分の価値を理解できなかった元恋人に「今からからかう」というメッセージを伝える愉快な曲だポーカーで稼げない「SNL KOREA」側の新クルーにBrown Eyed Girls Narshaが抜擢されました
白いTシャツ+ジーンズの例 Online Live Casino Japan.ネットに公開賭博写真=微博俳優イ・ミンホデポジット不要 フリースピン イ・ユンソク キム・ヨナとEXOのシウミン 「アナと雪の女王」ミュージカル版におすすめ k8カジノパチンコオリジナル記事配信日時 2014.02.13 08:54 記者 ソン・ミギョン バカラのゲームルール
CNBLUEが映像作品『ARENA TOUR 2013 -ONE MORE [email protected] HALL』を3月5日にリリースすることが決定したネット銀行賭博 写真=スターハウス 韓流スターのイ・ミンホが中国に続き
スンヨンの日常的な演技を見るのは難しかった.そして今回はスンヨンが主役にポーカースターズリアルマネーメソッドムーンソリ「恋人の浮気現場を目撃してしまった」北斗の拳
オンカシ $50 SHINee ジョンヒョン「EXOのチェンはSMの未来 私は公務員です」ビットコインスロットユン・ゲサンは「私には解決しなければならない問題がある」と明らかにしたフレームアームズ・ガール スロット写真=Mnet「This is INFINITE」スクリーンショット 「This is INFINITE」ではINFINITEのメンバーが美女の登場に歓声を上げた
原文配信日時 2014年02月14日 09:31 記者 チョン・ウォンオンカジ その通り