投稿を綺麗にするサンプル

投稿を綺麗に魅せるサンプル [ビジュアルのボタンは押さないで下さい]

2018/06/282018/06/28

このサイトは Bootstrap4 を使用しています。

この下からは解説をしていきます。


画像1


画像下にも文字を置くことが出来ます。

画像2


たとえ片方だけ文字が長くても、
列を分けているので下の要素には
影響しません。

大きな文字を入れても大丈夫です


背景が赤いタイトル

普通のタイトル


テスト文字

テストテストテストテストテストテストテスト

この下は段落になります


この上は段落になります


左寄せのテキストです

テストテストテストテストテストテストテスト

この下は段落になります


この上は段落になります


右寄せのテキストです

テストテストテストテストテストテストテスト

この下は段落になります


この上は段落になります

この様に divの中全体に text-center (テキスト中央寄せ)が掛かっているため、
ソース上でどの様に書いても自動で中心に寄ります。

今回は HTML(プログラム) が見えやすい様に インデント(綺麗な書き方) をしていますが、
別にどの様に書いても大丈夫です。

ボタンの例

普通のボタン

リンクをボタンと同じ見た目にする
見た目は赤い普通のボタン

色の情報は 管理画面から見て
←これ
の赤い [カスタマイズ] にマウスを合わせて [マニュアル]を開くと
わかると思います。

様々な色を使うことができます。
色情報

インスタグラムみたいな画像配置

PCでは6カラム1列
タブレットでは3カラム2列
スマホでは1カラム の6列に配置



CHARIS&Co.

TEL : 0952-28-1579
FAX : 0952-37-6376
Mail : info@ihair.com
© 2018 IHAIR