【jQuery+CSS】vertical-align:middleをレスポンシブに対応させる【Bootstrap】

2023-10-10

CSSで縦（上下）に中央寄せをする際にはdisplay:table-cell、vertical-align:middleを使用しますが、高さを指定しなければいけません。レスポンシブサイトを構築する際に、ウインドウサイズに […]

【Bootstrap 5.x】サイト開いた時にYoutubeをモーダルウィンドウ表示する方法

2023-10-04

サイトを開いた時にYoutubeをモーダルウィンドウ（ポップアップ）表示する方法をご紹介します。Bootstrap 5.x を使っていればコピぺでいけます。レスポンシブ対応です。 Youtubeをモーダル(ポップアップ) […]

2023-09-28

Bootstrap Ver 5.xを使用してレスポンシブに対応したYoutube を埋め込む方法をご紹介します。 Youtube動画を埋め込む方法まずはYoutubeから埋め込みたい動画のソースを取得します。「共有」 […]

2021-12-27

WordPress + Bootstrap 4 環境でハンバーガーメニューが閉じないという現象が発生したので対処方法を記載しておきます。原因調査こういう時はWordPressのプラグインがあやしいのでまずはheade […]

2021-02-05

セキュリティに配慮したメールフォーム・お問い合わせフォームの作り方をご紹介します。バリデーション機能、レスポンシブ、郵便番号からの住所自動入力にも対応しています。一部修正していただければほとんどコピペでいけると思います。 […]

2019-11-06

Bootstrap4を使用してWordPressテーマを構築する際に、Bootstrap4の「Pagenation」をプラグインを使用せずに設置する方法をご紹介します。コピペするだけで簡単に設置できますので是非ご活用くだ […]

2019-10-30

Bootstrap4のグリッドシステムでレスポンシブサイトを作成したときの、横幅によって表示したり非表示にしたりする切り替え方法が分かり難かったので使用頻度が高いものをまとめてみました。レイアウトの参考にな […]

2019-10-29

『Bootstrap4』の「横並び」ボタングループをレスポンシブに対応させて、「縦並び」に切り替える方法をご紹介します。実装方法 Bootstrap4の表示ユーティリティ（Display property […]

2018-09-19

まずはDreamweavr CC 18.1にアップデート March 2018 release (18.1) The March 2018 release in Dreamweaver supports Bootstra […]

2018-05-11

Bootstrapで良く使うけど忘れがちなCSSスタイルのまとめです。画像レスポンシンブ [html] &lt;img src="#" alt="" class= […]