nDiki : 2015年02月22日

2015年2月22日 (日)

nDikiBootstrap 3 CSS を調整

Bootstrap 3 を使っているんだけれど見出しが本文とちょっと区別がつきにくいなどちょっと気になる点があったので修正。

  • 見出しが目立つように h2 h3 h4 に "font-weight: bold;" を追加。
  • フォントファミリを指定していなかったので body, h1, h2, h3, h4, h5, h6 に "font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;" を追加。
  • 段落が詰まった感じなので p に "line-height: 1.7;" を追加。
  • 短いセクションに "float: right;" 画像があるとその高さまで文章の無い空白ができて、間延びするので h4 に自分で設定していた "clear: both;" を削除。
  • 前記の h4 の "clear:both;" 指定で各セクションの "float: right;" な画像が同じ段にならないようにしていたのだけれど、これを消したことで画像が階段状に並んでしまうケースが出ることになるので img に "clear: both;" を追加。
スポンサード リンク

今日のさえずり: こいこいボロ負けした

2015年02月22日

  • 17:02 こいこいボロ負けした。
[ 2月22日全て ]

About Me

Naney Naney (なにい)です。株式会社ミクシィで SNS 事業の部長をしています。

nDiki1999年1月に始めたコンピュータ日誌を前身とする NaneyWeb 日記(兼パーソナルナレッジベース)です。ちょっとしたノートは nNote にあります。

※内容は個人的見解であり所属組織とは関係ありません。

follow us in feedly

月別インデックス
Process Time: 0.057636s / load averages: 0.89, 0.68, 0.56
nDiki by WATANABE Yoshimasa (Naney, Google profile)
Powered by DiKicker