Bootstrap

提供:wiki - PCスキルの小技・忘却防止メモ
移動: 案内, 検索

目次

公式の和訳・意訳

CSS

Components

  • BootstrapのComponentsのサンプル:和訳 - BootstrapのCSS+JSの組合せっぽい。
    • Glyphicons - アイコンフォント関連。
    • Dropdowns - ドロップダウンの実装(JSが絡む)
    • Button groups - ボタンの配置関連(JSが絡む)
    • Button dropdowns - 「Dropdowns」とこの「Button dropdowns」の使い分けする必要を感じないので・・・詳細は放置。
    • Input groups - テキストフィールド横に固定文字を入れておきたいときとか。
    • Navs - タブを切り替えるような表示をするときとかに使いそう。
    • Navbar - ヘッダメニューをツールにしたようなヤツ。ウィンドウ幅が狭い時はメニュー開くアイコンボタンが表示される。
    • Breadcrumbs - パンくずリスト。
    • Pagination - ページネーション(※検索結果のように複数ある2ページ目以降のナビゲーション)
    • Labels - 単語を枠で囲む感じのラベル。
    • Badges - 「白マドに数字」「枠に白抜き」でリンク数の記載とか。
    • Jumbotron - 欄外コラムみたいな感じ?
    • Page header - 目的がよくわからないので放置。
    • Thumbnails - サムネイルっぽく画像に枠をつける。
    • Alerts - 色つきの枠。
    • Progress bars - 進捗状況とかで使うプログレスバー。
    • Media object - 画像の横に説明文を書く感じのレイアウト。
    • List group - リスト表示にする。
    • Panels - パネル。・・・説明できない。
    • Responsive embed - <iframe>, <embed>, <video>, <object>で使うことができ、親要素の幅に合わせてくれるそうだ。
    • Wells - 枠あり。Wells=はめ込み?

BootstarpのJavaScript

  • Bootstarp.jsのModals - Modalでモーダルと読んでいいのかな。ブラウザ上にオリジナルポップアップウィンドウを開きたい。

Bootstarp+独自CSS

サンプルソース

CSS

Components

未分類

関連項目

参考リンク