Bootstrapで画像をレスポンシブ対応にする。自宅でお小遣い稼ぎをしたい主婦がアプリリリースを目指すブログです。この広告は、90日以上更新していないブログに表示しています。2017-03-06Bootstrapで画像をレスポンシブ対応にする。プログラミングこんにちは、マリンです。閲覧用サイトもそろそろ完成です。今回はBootstrapを使って詳細ページの画像をレスポンシブ対応にしました。やりたかったこと画面を小さくしても画像がはみ出ないようにしたい。方法Bootstrap画像をレスポンシブにするやりたかったこと画面を小さくしても画像がはみ出ないようにしたい。画面サイズに合わせてきちんと全体が見えるようにしたかったのです。方法タイトルの通り、Bootstrapさんにチャチャっとやっていただきました。BootstrapまずはアプリケーションでBootstrapが使えるようにします。2.スタイルシートにinclude私はチュートリアルの時同様にcustom.scssを作ってそこに書きました。"bootstrap";...設定はここまで。あとは普通に使えます。%>私の場合はポートフォリオの画像だったのでこのようになりました。00:26Bootstrapで画像をレスポンシブ対応にする。Tweet広告を非表示にする関連記事2017-06-03【Bootstrap4】navbarを2段にしてみた。こんにちは、マリンです。プラグインを学んでみる。(後編)こんにちは、マリンです。プラグインを学んでみる。(前編)こんにちは、マリンです。ポートフォリオサイトのスマホ化がひ...2017-04-08サイトをスマホ対応にするこんにちは、マリンです。今回作ったサイト、最初からレスポン...2017-03-26画像が表示されないからfogとかS3とか使う。こんにちは、マリンです。»プロフィールid:song-of-life1352607アラサーで思い立ってプログラミングを始めた主婦が、自宅でお小遣い稼ぎをしたいがために自作アプリのリリースを目指すブログです。【Git】ブランチ間違えてコミットしてた!?月別アーカイブ参加グループプログラミングはてなブログをはじめよう!song-of-life1352607さんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。