上のは目がチカチカする人もいるので色彩を抑えてありますが、オプションで明るい色の方も用意してあります。">)~#html2(</div>)で囲む事でもっと明るい色調のパネルを呼び出せます。well系統枠アイキャッチで使っているのでCSSで手を加えないことwell系統枠(well,small)ごとごとごとごと汽車はきらびやかな燐光の川の岸を進みました。向うの方の窓を見ると、野原はまるで幻燈のようでした。jumbotron系統枠jumbotron系統枠(jumbotron,info)隠し機能。PCでは枠内の横余白が大きくなるのが特徴。セクションやアイキャッチで使われているのでここの属性はいじらない方がよい。枠(alert)背景色つき送信フォームで使われている事が多く、互換性を重視して色を変えないようにすること。枠(alert)背景色つきの書き方や色がわかりにくい事でパネルを使って色を替えたスタイルを用意しました。.panel-light枠のデザインを変える背景が薄く色がかかっている。赤色の枠ですユニバーサルデザイン対応として、目がチカチカする人のために彩度を抑えてあります。箇条書きのアイコンは他に更新履歴などでも使われている。箇条書き見出しテスト段落本文がここに入ります。段落本文がここに入ります。段落本文がここに入ります。段落本文がここに入ります。試作したオリジナルの和風の枠を使っています。憂きものはなしその他多数}}【参考】従来のbs_boxデザインが画一的だったのが変わります。h4テーマにもよるが、下線などの飾りがないことに注意bs_box(class=text_h2h3h4_clear)を使った見出しの書式のクリア応用例bs_box(class=text_h2h3h4_clear)を使って見出し書式をクリアしたものをさらに別のクラスbs_box(class=panel)で囲んでみる。h4}}引用スタイル最近の検索エンジンはパクリ問題についてもチェックするようになっています。そのため引用を明示しないと検索順位が下がることになります。以下の引用枠はそのために使います。引用はそのままでは引用とわからないので、改修しています。記述>最後の行で引用を明示するので、斜め太字になる。>わたしは貧に処する道を知っており、富におる道も知っている。わたしは、飽くことにも飢えることにも、富むことにも乏しいことにも、ありとあらゆる境遇に処する秘けつを心得ている。最後の行で引用を明示するので、斜め太字になる。わたしは貧に処する道を知っており、富におる道も知っている。わたしは、飽くことにも飢えることにも、富むことにも乏しいことにも、ありとあらゆる境遇に処する秘けつを心得ている。格段にグレードアップしました。今回はユニバーサルデザイン対応でスマートフォンなどの端末でも文字が見やすくなり、操作性と視認性が向上しました。MENUトップ新着ブログお知らせ2019.12.20テスト投稿22019.12.20システム改修テスト投稿2019.11.28見出しなどの修正対応2019.08.16前より格段に読みやすくなりました1234>>>お知らせNEW2020/02/083年がかりのシステム改修によって、視認性、操作性が格段にグレードアップしました。スマートフォンでも文字が見やすくなりました。以前作成したページでは旧レイアウトのままになっている所もあります。2019/11/05レイアウトを見直し、視認性と操作性を改善しました。見出しの装飾ならびに吹き出し表示などを追加しました。著作権法第32条第1項に定める「引用」の範囲を超えた無断転載は禁止します。