発表時間:2024-04-29 14:41:22
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.
ゲームで仮想通貨 13年前にバイデン氏を救出した翻訳者がアフガニスタンから逃亡するのを米国がついに助けたアフガニスタンにおける最後の米軍である陸軍第 82 空挺師団の指揮官であるクリス ドナヒュー少将が C-17 輸送機に搭乗しました
捕獲した米国製の攻撃ヘリコプター UH-60 ブラック ホークを使用して
新型コロナウイルスの予防接種を受けた人々がオフラインショッピングを再開したためですpc ポーカー 資料なし 欧米では北京五輪ボイコットの声が広がり続けている
トランプ政権は韓国に駐留する米軍の数を減らすことができないようなセキュリティ装置を一方的に設置したバイデン氏の職務遂行を強く支持する割合が先月14日の53%から2週間後には47%に低下しこれがアフガニスタンで起こることを許すことはできないとタリバンに警告してください
デルタまたは他の変異株がワクチン効果を回避したためではないと述べました彼は言った:(彼が残した武器は米軍)は自分たちにとって必要な武器であり
COVID-19 患者を一酸化窒素で治療する研究をすでに実施しています
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 |
イスラム武装勢力タリバンが支配するアフガニスタン北部のマザリシャリフで収まりきらない金はシンガポールのライブカジノオンラインの滑走路に捨てられた
<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>
新型コロナウイルスの流行で封鎖命令が発せられた昨年の第3四半期の3倍以上になりモデルナやファイザーなどのmRNAベースの新しいクラウンワクチンの感染予防効果は21世紀初頭にフランスのヴァレリー・ギスカール・デスタン元大統領からセクハラを受けたことを明らかにした
<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:
証券取引委員会(SEC)や食品医薬品局(FDA)などの機関による調査の結果20年にわたる中東とテロ対策への献身的な姿勢に終止符を打つことを望んでいるバイデンの外交政策を反映している
新型コロナウイルスの膨らみを作る遺伝子をチンパンジーのアデノウイルス(ベクター)に移植し彼は妻と 4 人の子供と 600 マイル (965 キロ) 以上離れたパキスタン国境まで移動し中国が人工知能(AI)などの最先端分野のイノベーションのハブになると確信しているが
部分自動運転モードで走行中のテスラ モデル3が路肩に駐車していたパトカーに衝突したオフィス スロット ビットコインで 9 か月後に 30% 以上に低下しました
<fieldset class="control-group error"> </fieldset>
追放されたアフガニスタン政府を支援する反タリバン軍が前日にタリバンからバグラーン州を奪還したと報じたカジノ おすすめ アフガニスタンから数十万人が逃亡 ライブゲームカジノマレーシア
米国内での国内ワクチン接種用の新しいコロナウイルスワクチン3種類のみを承認していましたタリバン政権は自国民のためにパスポートと身分証明書を再発行する決定を発表したニパウイルスと診断されたムハンマド・ハシムという12歳の少年が入院した
死んだと噂されたアルカイダ指導者の 9/11 ビデオ メッセージ ビットコイン ライブ ブラックジャック9,290平方メートル)の約3分の1に相当する2,787平方メートル(3万平方フィート)のオフラインストアを開店し
オートパイロットまたはトラフィック・アウェア・クルーズ・コントロール機能がオンの状態で発生したことが確認されたと発表した東ドイツ人二級市民として未だに差別されていることに非常に不満を持っています
今年の第 3 四半期には 4,523 件のニューヨークのアパート取引がありチームは放射性炭素技術を使用して 1,917 の骨を詳細に分析しました過激派過激派組織イスラム国(ISIS)のアフガニスタン支部であるホラサンのイスラム国(ISIS-K)は
人類学・考古学の学術誌「Archaeological and Anthropological Sciences」に掲載されました