Bootstrap - ブートストラップ - WebDesignのヨリドコロ

URLハッシュでBootstrap4のモーダルを開く

ランディングページであるために、メールフォームの送信完了画面にページ遷移せず、ポップアップでサンクスメッセージを表示させたい。できれば、Bootstrapのモーダルを使用して欲しいという依頼がありました。 Bootstr […]

Bootstrapで左右幅を決め、左側にロゴ、右側にメニューや電話番号というような配置のヘッダーを作成することが少なくありません。ヘッダー全体の高さを指定していなければ、左右のいずれかのボリューミーなほうのコンテンツに […]

Bootstrap対応のギャラリースクリプトはいろいろと出てますが、一箇所に「ギャラリー!!」っていうのじゃなくて、ページ内のあちこちに画像が散らばっていて、でも、それらはひとつのグループだから、ポップアップ（モーダル） […]

中央揃えや下揃えでいろいろと苦労してきたけど、flex 時代になり、なおかつBootstrap4 を使用しているなら、d-flex でいとも簡単にできてしまう。上下左右中央でこんなcssを書いたりしていましたが .wr […]

クリッカブルな日本地図を描きたい。とき、日本地図の画像を用意して、都道府県の座標を落としていく、イメージマップを使われてきたのが一般的かと思いますが、イマドキ「Japan Map プラグイン」という jQuery プラグ […]

以前に【Luxeritas】というテーマがイケてるというお話をしました。こちらは、phpやhtmlを知らない方向け。ダッシュボードからサクサクっとカスタマイズするとき向けのテーマです。そして、私は、直接子テーマを書き […]

これでしょ♫ 探してたのはビジュアルモードで固定ページや投稿の入力をしているときに、「ソースコードを打ち込みたい」とか「Googleのコードを埋め込みたい」とかってありますよね。いや。あるんです。それ […]

サーバー内にBootstrap関連のソースをダウンロードし＆リンクしても良いのですが、サクサクっとBootstrapが使いたいときなど、CDNが便利。ということでBootstrapをCDNで使う場合の手順をメモメモ CS […]

bootstrap系のサイトで「ページの印刷がうまくいかない」のは、ちょいちょいあることで。主に画像が表示されないこととカラムレイアウトが乱れること見たまんまに印刷されないのは、Bo […]

Bootstrapでつくったタブ（JavaScript）の、特定のタブを開いた状態でジャンプ（リンク）したい。けっこうよくあるパターンだと思います。 Bootstrapのタブに直接リンクする方法としてあちこちに書かれて […]