single article

all-components

all-components

1.見出し(heading)

h1「あいうえお」ABCDabcd12345?%$@+=色即是空。

h2「あいうえお」ABCDabcd12345?%$@+=色即是空。

h2「あいうえお」ABCDabcd12345?%$@+=色即是空。

h3「あいうえお」ABCDabcd12345?%$@+=色即是空。

h4「あいうえお」ABCDabcd12345?%$@+=色即是空。

h5「あいうえお」ABCDabcd12345?%$@+=色即是空。
h6「あいうえお」ABCDabcd12345?%$@+=色即是空。

2.副文(secondary tsext)付見出し

Bootstrapとは?~世界一受けたいbootstrap学習法~

Bootstrapとは?~世界一受けたいbootstrap学習法~

Bootstrapとは?~世界一受けたいbootstrap学習法~

Bootstrapとは?~世界一受けたいbootstrap学習法~

Bootstrapとは?~世界一受けたいbootstrap学習法~
Bootstrapとは?~世界一受けたいbootstrap学習法~

3.本文例

段落:自民党の秋葉賢也衆院議員が27日夜に生放送されたBS日テレ番組への出演を急きょ取りやめた。番組のテーマは「政治とカネ 一票の重みどうする?」で、 甘利明経済再生担当相の金銭授受疑惑を取り上げた。秘書2人は総務担当や建設会社社長から飲食や金銭授受などの接待を多数受けたことは認めている。 調査している弁護士を通じ両名から辞表が提出された。辞表は本日付で受理することにした。総務担当と建設会社からの政治献金はすべて返金するよう事務所に指示した。(産経新聞)

テキストのこの行は、細字として扱われることを意味します。

このテキストの次の文節は、太字のテキストとしてレンダリングされます。

このテキストの次の文節は、斜体のテキストとしてレンダリングされます。

このテキストの次の文節は、ハイライトとしてレンダリングされます。

NTTの日本語名称は「日本電信電話」です。

4.テキスト色(強調クラス)

春はあけぼの。やうやう白くなりゆく山際、少しあかりて、紫だちたる雲の細くたなびきたる。

夏は夜。月の頃はさらなり。闇もなほ、蛍のおほく飛びちがひたる。

また、ただ一つ二つなど、ほのかにうち光りて行くもをかし。雨など降るもをかし。

秋は夕暮れ。夕日のさして山の端いと近うなりたるに、烏の、寝どころへ行くとて、三つ四つ、二つ三つなど飛び急ぐさへあはれなり。

まいて、雁などのつらねたるが、いと小さく見ゆるは、いとをかし。

日入り果てて、風の音、虫の音など、はた言ふべきにあらず。

5.行揃え

左に揃えたい時:.text-left

中央に揃えたい時:.text-center

右に揃えたい時:.text-right

6.引用(blocquote)

BootstrapはWebサイトやWebアプリケーションを作成するフリーソフトウェアツール集である。タイポグラフィ、フォーム、ボタン、ナビゲーション、その他構成要素やJavaScript用拡張などがHTML及びCSSベースのデザインテンプレートとして用意されている。

出典 Bootstrap – Wikipedia

BootstrapはWebサイトやWebアプリケーションを作成するフリーソフトウェアツール集である。タイポグラフィ、フォーム、ボタン、ナビゲーション、その他構成要素やJavaScript用拡張などがHTML及びCSSベースのデザインテンプレートとして用意されている。

出典 Bootstrap – Wikipedia

7.ユーティリティ

連絡先:
ブートストラップ株式会社
東京都新宿区
3-4-5 ブートビル7F
TEL:03 (123) 4567
武都 太郎
first.last@example.com

Lead body copy

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。



角丸形


サークル型


サムネイル型



リンク画像型

Example

アスペクト比 16:9 /レスポンシブ対応


アスペクト比 4:3 /レスポンシブ対応

なるほど!と思ったら、すぐシェア♪

ご質問はコメントで!

夏本健司 としてログイン中ログアウトしますか ?

CAPTCHA


内容をご確認の上、送信してください。