最終更新:2014-06-23 (月) 16:57:33 (3587d)  

Bootstrap/レイアウト
Top / Bootstrap / レイアウト

グリッドシステム

  • div.container
    • div.row
↑

グリッド

  • http://html5experts.jp/shumpei-shiraishi/1538/
  • row
    • col-xs-?* - モバイル（768px以下）
    • col-sm-?* - タブレット（768px以上、992px未満）
    • col-md-?* - デスクトップ（992px以上、1200px未満）
    • col-lg-?* - デスクトップ（1200px以上）
  • container - 左右に余白
  • hidden-xs
  • visible-xs
↑

オフセット

  • col-md-offset-*
↑

順番

  • col-md-push-*
  • col-md-pull-*
↑

ネスト

  • rowの中が計12になるようにする。
↑

テーブル

  • table.table
    • .table-striped
    • .table-bordered
    • .table-hover
    • .table-condensed - 小さく
↑

セル

  • tr td
  • .active
  • .success
  • .warning
  • .danger
↑

パネル

  • div.panel
    • .panel-primary
    • div.panel-heading
    • div.panel-body
↑

ID

  • div#header
  • div#footer



検索：