Bootstrap3
日本語リファレンス

広告

コンポーネント  Components


画像を使ったアイコンが200種類用意されている。

リンクのリストの表示/非表示を切り替えることができる。

同じボタングループのボタンを一行、もしくは、一列に並べることができる。

テキスト入力欄の左サイド、右サイド、もしくは、両サイドに、テキストやボタンを、1つ配置することができる。

ナビゲーション、タブ・メニュー、カプセル・メニューなどに適したスタイル。

表示領域の幅が狭いモバイルなどには、メニューを非表示にし、メニュー表示を切り替えるためのボタンを表示する。表示領域の幅が広いパソコンなどには、メニューを水平に表示する。

パンくずリストに最適なスタイル。

ページネーションやページャー。

ラベルに最適なスタイル。

New New New New New New

リンクなどに追加する新規や未読の項目数を、ハイライト表示するスタイル。

WEBサイトにおける主要コンテンツを紹介するのに適したワイドな表示スタイル。

サムネイル(縮小表示)に最適なコンポーネント。

ウィンドウ幅やグリッド・システムに応じて、レスポンシブに大きさが変化する。

アラート・メッセージに最適なコンポーネント。

進捗状況を表すプログレス・バーに最適。

60%

ブログのコメントや、ツイートなど、様々な種類のコンポーネント作るためのスタイル。

見出し

内容。これはサンプル。

柔軟で強力なリスト形式のコンポーネント。

  • リスト項目A
  • リスト項目B

内容を枠線で括りたい時に便利なコンポーネント。

パネルのヘッダー
パネルの内容

レスポンシブな埋め込みを簡単に実装できるコンポーネント。

iframe要素、embed要素、video要素、object要素で有効だ。

埋め込んだようなコンポーネント。

広告