Template

Headings

h1

h2

h3

h4

h5

Text

Text – Default

strong

テキスト

small

テキスト

p

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

Text – Class

.text_left

テキストテキストテキストテキストテキストテキストテキスト

.text_right

テキストテキストテキストテキストテキストテキストテキスト

.text_center

テキストテキストテキストテキストテキストテキストテキスト

.text_muted

テキストテキストテキストテキストテキストテキストテキスト

.text_warning

テキストテキストテキストテキストテキストテキストテキスト

.text_error

テキストテキストテキストテキストテキストテキストテキスト

.text_info

テキストテキストテキストテキストテキストテキストテキスト

.text_success

テキストテキストテキストテキストテキストテキストテキスト

.text_bk

ブラックテキストテキストテキストテキストテキストテキストテキスト

.lead

テキストテキストテキストテキストテキストテキストテキスト

.link

テキストテキストテキストテキストテキストテキストテキスト

.label_default

テキストテキストtext text

.label_primary

テキストテキストtext text

.label_success

テキストテキストtext text

.label_info

テキストテキストtext text

.label_warning

テキストテキストtext text

.label_error

テキストテキストtext text

.label_note

テキストテキストtext text

Button

Button – Class

.btn_default

Button

.btn_primary

Button

.btn_success

Button

.btn_info

Button

.btn_warning

Button

.btn_error

Button

.btn_note

Button

.btn_large

Large Button Large Button

.btn_small

Small Button Large Button

List

Ul, Ol – Default

ul

  • テキストテキストテキストテキストテキストテキストテキスト
  • テキストテキストテキストテキストテキストテキストテキスト

ol

  1. テキストテキストテキストテキストテキストテキストテキスト
  2. テキストテキストテキストテキストテキストテキストテキスト

Ul, Ol – Class

ul.kome

  • テキストテキストテキストテキストテキストテキストテキスト
  • テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

ul.square

  • テキストテキストテキストテキストテキストテキストテキスト
  • テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

ul.disc

  • テキストテキストテキストテキストテキストテキストテキスト
  • テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

ul.circle

  • テキストテキストテキストテキストテキストテキストテキスト
  • テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

ul.flow

  • テキストテキストテキストテキストテキストテキストテキスト
  • テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

ul.tree

  • テキストテキストテキストテキストテキストテキストテキスト
  • テキストテキスト
    • テキストテキスト
    • テキストテキスト

ul.unstyled

  • テキストテキストテキストテキストテキストテキストテキスト
  • テキストテキストテキストテキストテキストテキストテキスト

Dl – Default

dl

テキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキスト

Dl – Class

dl.horizontal

テキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキスト
テキストテキストテキストテキストテキストテキストテキストテキスト

dl.horizontal.border

テキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキスト
テキストテキストテキストテキストテキストテキストテキストテキスト

Table

Table – Default

table (default)

テキストテキスト テキストテキスト テキストテキスト
テキストテキスト テキストテキスト テキストテキスト

Table – Class

table.table

テキストテキスト テキストテキスト テキストテキスト
テキストテキスト テキストテキスト テキストテキスト

Panel

Panel Style

.panel_border

テキストテキストテキストテキストテキストテキスト

.panel_default

テキストテキストテキストテキストテキストテキスト

テキストテキストテキストテキストテキストテキスト

.panel_primary

テキストテキストテキストテキストテキストテキスト

テキストテキストテキストテキストテキストテキスト

.panel_attend

テキストテキストテキストテキストテキストテキスト

テキストテキストテキストテキストテキストテキスト

.panel_sightseeing

テキストテキストテキストテキストテキストテキスト

テキストテキストテキストテキストテキストテキスト

.panel_pickup

テキストテキストテキストテキストテキストテキスト

テキストテキストテキストテキストテキストテキスト

.panel_maternity

テキストテキストテキストテキストテキストテキスト

テキストテキストテキストテキストテキストテキスト

Column

[class]rowの中に、[class]col_○←の数値は、合計12になるように使います

Column Style

.col.span_12

100% : 1col

.col.span_6

50.0% : 2col
50.0% : 2col

.col.span_4

32.0% : 3col
32.0% : 3col
32.0% : 3col

.col.span_3

23.5% : 4col
23.5% : 4col
23.5% : 4col
23.5% : 4col