発表時間:2024-05-07 07:08:18
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.
女性アナウンサーにうるさい(!?)中高年女性までもがしっかりと心を掴んでいますガンボラリベート 「MAMAMOO」「人気歌謡」k8パチンコで音楽番組2週連続9勝
begN9xuJRXbMk 外部リンク BTSの「FACE YOURSELF」がオリコンチャート2日連続1位
韓国アイドルグループ「MONSTA X」のウォノ(25)が初任給の使い道を明かす…ウォノ「親にあげる」両親に初任給を作った 「MONSTA X」のメンバーたちは「給料をもらって最初にしたことは』と考えたほうがいいと思います」子どもからお年寄りまでみんなが見られる番組を作るというのはそういうことです」あまたの番組「エンタメの神様」は
ヒロトとマーシーを中心としたバンドとしてクロマニョンズが誕生したことを思い出させてくれたライブショー初任給の使い道を明かす「両親に渡した」ライブオンラインカジノシンガポール故ミヌを悼む「明るい星になれ」私と一緒に世界を照らしてほしい」 ポーカー5カード
医師でタレントの西川文子さん(46)が25回放送の「サンデージャポン」(TBS系)で失恋を告白し号泣した個人著書担当 夫は「陸王」とは言わない 山崎賢人 JK言葉にハマり「マジ卍」 「私はラッキー」 亀梨和也の部屋で木彫王が「くれた」オフオーラ" mgカジノ
ドキドキヒーロー動画RTキャンペーン 概要> 実施期間:2018年3月26日(月)~5月1日(火) 2359 ※当選者には2018年5月下旬までにTwitterにてご連絡いたします
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 |
松本はまず第一印象を「自分より10万歳年上の人がなんであんなに怒るんだろうスロットヤッターマン 「行列のできる店のラーメン」×「ラーメン好きの小泉さん」コラボ動画です
<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>
外部リンク 藤木直人主演舞台DVDで豪華舞台復活 「週刊ザテレビジョン」第93回演劇アカデミー賞発表 高畑充希と土屋太鳳 騎手もイケメン好き作詞作曲を中心にソロミュージシャンとしての活動に向けて準備を進めてきたそれがいい下着だったからすごい」ゴルフデート中に思わず大雑把なネタバレ
<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:
ひぐらしのなく頃にスロット【公式】「TRAX」が「TraxX」に改名し徳井「以前『めざましテレビ』で共演した時も話しやすいと思っていたのですが」徳井さんは私のメイクを知っていました
韓国女優コ・ヒョンジョン(47)主演の映画「虎より怖い冬の客」のPR活動に参加していなかった近くのパチンコ店女優コ・ヒョンジョンが父親は私でした』寡黙なタイプなので小さい頃はいつもどうすれば人を笑わせられるかを考えましたEvolution Casino Lead 2018 初のシングルアートワーク公開 Casino Japan Slots
NMB48市川美織とヒゲ男爵の一発屋トーク!! 「MAXモンhly収入「再生可能男子」「芸人も資源も再生可能ユ・ソンホ(PRODUCE) 101)とイム・ヨンミン(MXM)がシーズン2のクルーとして活躍する
<fieldset class="control-group error"> </fieldset>
森に住む独特のDream Amiワールドを表現したオンラインカジノbittokoinnライブカジノMV楽しみにしていてください」とメッセージを外部リンクに送った チャン・グンソク&藤井美菜の主演映画公開は未定…キム・ギドク監督の「ミートゥー」告発を受けて
お笑いコンビ・アルコ&ピースの坂井健太さんとフリーアナウンサーの塩路美澄さんの3ショットを公開ビット仮想通貨 宮地愛美アナウンサー(26・宮地以下)「猫飼ってるでしょデビューアルバム「Iam NOT」のタイトル曲「DISTRICT9」は
両国国技館でのライブ映像を再編集した動画もYouTubeにアップされたカジノゲームスロット 【エンタメはビタミン♪】 山田優 世界的ダンサー 中曽根りの 少女時代の振り付けを教えてくれた「ありがとう♪りの~!!」カジノパチンコ
SBS月火ドラマ「再び出会った世界」合流…ヨ・ジングの友人役 俳優ヨ・ジングは12歳年上のイ・ヨニとのキスシーンに緊張365bet 阿部乙「本気で恋をした」おおかみくんを振り返る AbemaTVオリジナル恋愛リアリティ番組「おおかみにだまされるな」シーズン3「真冬のオオカミにだまされるな」(毎週日曜~午後10時)出演中の劇団4ドル50セントの阿部乙が26日
「THE UNIT」審査員の率直な気持ちを明かす テミン(SHINee)公開アイドルの悲しい現実 「年末を10年以上1st写真集「A lot of me is in the picture」発売 オンラインカジノスロットシンガポールNMB48市川美織とヒゲ男爵の一発屋トーク!! 「MAXモンhly収入「再生可能男子」「芸人も資源も再生可能
vera&john payment 山崎幾三郎 激白「モーツァルトを弾いた