supilog環境構築からWEBアプリ開発・スマホアプリ開発まで。ときには動画制作やゲームも。bootstrap【Bootstrap4入門】07.フッターを作成する最終回2021/03/042021/02/28bootstrap今回は最終回ということで、フッターを作成して、まとめたいと思います。今回作成する箇所はココです。今回のフッターは超簡単。後でCSSを入れたくなるかもしれないので、念の為copyrightのクラスを付与していますが、何もしていません。[...]【Bootstrap4入門】06.メインコンテンツ-サイズの異なる2カラムグリッド2021/03/032021/02/28bootstrap前回、4カラムの幅が均等なコンテンツを作成しました。今回は、サイズが異なる場合について実装していきます。挑戦するのは、ココのパーツ。前回のパーツの下部に、下記を追加しましょう。ここまでを確認してみると、左右同じ幅の2カラムのグリッドが生成できていることが分かります。[...]【Bootstrap4入門】05.メインコンテンツ-4カラムのグリッド2021/03/022021/02/28bootstrap前回、メインコンテンツ部分のカード型のお知らせ枠を作成しました。WEBサイトとしてまともな見た目になってきましたね。今回挑戦するのは、ココの部分。一見すると、カード型と同じような配置に見えますが、グリッドという便利な機能を使って、コンテンツを並べています。[...]【Bootstrap4入門】04.メインコンテンツ-お知らせを作る(カード型)2021/03/012021/02/28bootstrap前回、メインコンテンツ部分のトップ画像を作成しました。ページがにぎやかになってきましたね。今回挑戦するのは、ココの部分、サイトのお知らせやニュースみたいなパーツで使われがちな、カード型のパーツを並べてみたいと思います。[...]【Bootstrap4入門】03.メインコンテンツ-トップ画像を作る2021/02/28bootstrap前回、ヘッダ部分のナビゲーションバーを作成しました。今回はいよいよメイン部分を作成してみます。メインコンテンツの中でも一番目立つトップ画像です。トップページに目立つように配置する大きな画像をヒーロー画像と呼んだりしますが、今回はそこまでのものではなく、挨拶程度の横長の画像を配置してみます。[...]【Bootstrap4入門】02.ナビゲーションバーを作る2021/02/272021/02/28bootstrap今回から実際にコンテンツを作成していきます。今回作るのはナビゲーションバーです。始めに、前回作成したindex.htmlを開き、以下のようにheaderタグ、mainタグ、footerタグを配置しましょう。[...]【Bootstrap4入門】01.まずはBootstrapの導入2021/02/262021/02/28bootstrap入門などとえらそうな事を書いておきつつ、自分の復習用のメモでもありますが、勉強してみたいという要望があったので、書いています。バージョンは5でも良かったのですが、まだリビジョンが浅かったので、今回は安定の4.5.3を用います。Author:SupiJava,PHPでWEBアプリ開発がメイン。iOSアプリも作成する。初学者の方のサポートにも力を入れています。ご相談などはお気軽にどうぞ。