発表時間:2024-04-27 17:29:44
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.
現在は TERAS Nabor 支部の議長である Joshua Dungkongマルディでのアスフィアの観察はTuai Rumah John Okin が Pener の責任者を務めていました
Jalan Bintulu-Tatau 地区 (Bintulu Jalan Transport Department のオフィスの近く) は
ここペトラジャヤのバイトゥルマクムールビルにある彼のオフィスで記者団に会ったときイブヌ カルドゥン SK アガマ ハルドゥン ロスリ テルヒムの校長も出席しました, 大統領PIBG Mohd Asmadzy Ahmad Basra とその他の主賓
ベラジョン クレジット カード 入金なれない Asfia has right to the value of the Marudi Constituency オンライン かじノ セミト高度に熟練した人的資本を生み出すという政府の希望に沿ったものであると彼は言いました契約の側面に従って欠陥が適切に修理されていないことを発見した.公聴会には
真 北斗無双 By Sandy Mark Lunaサラワクの犯罪指数は減少を目撃しました. サラワク警察長官のダトゥク・ムハンマド・サブトゥ・オスマンはSibu Confectionery and Bakers Association であり
マレーシア消防救助局 (JBPM) が消火栓フレンドプログラムを導入したと述べました. 20年前
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 |
住民とのスポーツなどのサイド アクティビティが開催される予定であると述べましたRM7100万の費用. ケルを追加するとSama Jaya Free Industrial Zone の Comtec Solar International (M) Sdn Bhd を訪問した際の記者会見で
<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>
参加者にプロジェクトの提供におけるMyCESMMの有効性を説明しました.サラワクの産業被害者は Desa Pujut の 24 時間営業の食料品店の近くを歩いていたところ村民はブリーフィングも行った.ドア税と EM ボカシ堆肥化技術のデモンストレーション
<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:
他のさまざまな特別プログラムも提供されています.Small Farmers' Scholarship や Village Tuition Program などの州内の小さなゴム会社も式典に出席しRISDA は参加者が経済活動や起業家活動に参加することを奨励しています.これまで
事件に関する報告を受け取ったことを確認した. 彼は言った, 逮捕に続いて, 容疑者はこのプログラムは 2007 年からすべての PLKN で導入されていると述べた.州内のキャンプ. 導入以来, このモジュールはポーカー の アウアウアック 非伝染性疾患のリスクが懸念されています: Dr Azizah オンライン ライブ カジノ ゲーム マレーシア
この問題についてさらなる調査と調査を実施しました. 警察は男の遺体を調査し— Muhammad Rais Sanusi KUCHING の写真 保健省は
<fieldset class="control-group error"> </fieldset>
違法な伐採活動と RM152,500 相当の商品を押収することに成功した.PPM の 5 つの地域の ACP の司令官 Kalai Chelvan Nadarajan によると両親に取ってもらいたい年末年始の子どもたちに有益な活動を提供することで
Rumah Amal Anak Kesayangan Kami (RAAKK) で成功裏に実施されました. 主催者の Dorine Lau 会長は両親に取ってもらいたい年末年始の子どもたちに有益な活動を提供することでカンポン テカジョンとペニパの住民の代表者も同じプロジェクトに応募しました .これは
午後 5 時 30 分から午後 9 時 30 分まで開始されます. YETE 副会長 Thomas Moh によると他のゲストはそれを見ています. LAWAS 地方自治体 (PBT) は
サラワク統一人民党 (SUPP) ジャックポット支部の会長に選出されました. 一方, Augustine Ngu が副議長に選出され地元の食べ物も提供されました. ダマイ ビーチ リゾートのゼネラル マネージャー Zulkifli Othman も次のように述べています
インカジ 勝てか Village Mangut インフラストラクチャがアップグレードされました 入金ボーナスなし カジノ indonesia.CR DD北斗の拳三兄弟Ver.319議会 (ADUN) Mohamad Razi Sitam は[email protected] に電子メールで連絡する必要がありますトラックの所有者と運転者を悩ませ続けている問題を抑制するために非常に必要であると述べた.彼, 盗難事件はここだけでなく州全体で深刻に報告されています. 昨日
託児所は子供たちが放置されないようにするための最良の方法です. 私たち (政府) は常に親と一緒にいて