nDiki : 2013年12月03日

2013年12月3日 (火)

Bootstrap 3 での画像横へのテキスト回り込みと画像のレスポンシブ化

Bootstrap 3 で画像を float: right; するには

 class="pull-right"

を指定。あとスマーフォンのブラウザでの表示時に、端末の画面の横幅より大きい画像がはみださないようにするには

 class="img-responsive"

を指定する。max-width: 100%; と height: auto; がかかるようになる。

ということで、ここの Bootstrap 3 対応作業の続きでコンテンツ中の画像には適宜上のクラス(片方あるいは両方)が指定されるように HTML 生成を修正。画像まわりがいい感じになった。 Bootstrap お手軽。

スポンサード リンク

今日のさえずり: delete-trailing-whitespace 効かせたままで保存して commit していたのに気がついてぐぬぬ

2013年12月03日

  • 07:41 一時払い養老保険を勧められたので昨晩調べたけれど、そんなに得な感じじゃなかった。
  • 13:38 I'm at 株式会社ミクシィ (mixi, Inc.) (渋谷区, 東京都) http://4sq.com/18WDjmb
  • 15:31 Topsy 買われたのか。たまに検索で使っているので、検索サービスは残って欲しい。 / “アップル、Twitter分析のTopsyを買収。総額2億ドル以上 (WSJ報道) - Engadget Japanese” http://engt.co/1beyyjZ
  • 17:46 “Fluentdとはどのようなソフトウェアなのか - たごもりすメモ” http://bit.ly/1g1JFEL
  • 19:08 数行の変更だったのだけれど delete-trailing-whitespace 効かせたままで保存して commit していたのに気がついてぐぬぬ。
  • 21:37 桃ラー食べた。1年ぶりとかのレベル。
[ 12月3日全て ]

About Me

Naney Naney

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

About nDiki

nDiki1999年1月に始めたコンピュータ日誌を前身とする NaneyWeb 日記(兼パーソナルナレッジベース)です。

#nNote タグがついている記事は他の記事に比べて、より断片的・未整理・不完全なちょっとしたノートです。まだ結論に至っていない考えなども含まれます。頻繁/大幅に更新したり削除したりすることがあります。

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

Other Notes

ナレッジベースアプリケーション Obsidian で書いているノートの一部を notes.naney.org で 公開しています。

最近検索されている記事

月別インデックス
Process Time: 0.043022s / load averages: 0.48, 0.46, 0.38
nDiki by WATANABE Yoshimasa (Naney)
Powered by DiKicker