このテンプレートについて
リボンをモチーフにしたテンプレートです!PC・スマホ対応です。HTML5で書いています。サイト名のフォントはGoogle FontsのNiconneを使っています。(2015/09/24初出)(2017/12/26修正)
サンプルページは以下の通りです。
カスタマイズの手引き
と書く)
+CSSの一部を削除する(コメントで範囲指定してあります)
◆デフォルトの設定
サイド:col-sm-4 col-sm-push-8 col-lg-3
メイン:col-sm-8 col-sm-pull-4 col-lg-offset-1 col-lg-7 col-lg-pull-3
上記の通りclass名を書き換えれば簡単にレイアウトを変更できます!
Bootstrapのグリッドについて調べると他にも色々できます。
h2要素(.site <main>の中だけ)
h3要素(同上)
リンクの文字色
<strong>強い重要性</strong>
あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをん
アイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤユヲラリルレロワヲン
↑<hr> ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
0123456789
装飾ボックス
何か目立たせたい時に使ってください。
テキストテキスト
何か目立たせたい時に使ってください。
テキストテキスト
その他の部品
折り畳みボックス
- ここをクリックすると
- 表示されます。コメントのお返事や控えめな注意書きなどにいいかも。
これはjQueryと定義リストを使用しています。折り畳みは色々な方法で実装できるので、検索するとお好みのものが見つかるかもしれません。
名前変換フォーム
あくまでデザインのサンプルなので、動かすには記述を足す必要があります。