Bootstrap 5 Bootstrap5(ブートストラップ5)でBootstrapアイコン(Bootstrap Icons)を使う Bootstrap5(ブートストラップ5)でFont Awesome以外にBootstrapアイコン(Bootstrap Icons)を使用する方法です。 CDNの追加 アイコン種類の確認 利用方法 CDNの項目に記載の方法でアイコンフォン... 2023.03.10 Bootstrap 5
Bootstrap 5 PROGRESS BAR.JSでプログレスバーが表示されるローディング画面を作成 分析結果などを表示するサイトで分析結果のページが表示する前に「分析中~。。。」などど別ページを表示させる方法です。 仕組み メインのページの上にローディングのページを重ね、ローディングページのプログレスバーの作動が終わったらそのページを消す... 2021.08.09 Bootstrap 5jQuery・js・PHP
Bootstrap 5 Bootstrap5(ブートストラップ5)の5カラムは簡単です! ブートストラップのカラムは12、5カラムはいろいろ苦労してました。でもBootstrap5(ブートストラップ5)は思いのほか簡単でした。 Bootstrap5での5カラム 基本、下記コードで5カラムは実現できます。 7カラムも簡単 ⑥と⑦を... 2021.04.02 Bootstrap 5フレームワーク
Bootstrap 5 最新 Bootstrap5「CDN」の基本タグ 2023-03-10 最新 v5.3.3 に更新 v5.3.3 <head>内に下記を追加 </body>の直前に下記を追加 jquery読み込み(オプション) 3.6.0 Font Awesome読み込み(オプション) 6 5 4 サンプ... 2020.12.02 Bootstrap 5フレームワーク
Bootstrap4 もっと見るボタンを付ける<Bootstrap4> 「続きを読む」 「もっと見る」ボタンのサンプルが下記サイトで紹介されていました。 参考 コピペでできる!CSSとhtmlのみで作る「続きを読む」の開閉ボタン Bootstrap4ではドグルボタンを使用してもできますが、こちらはCSSだけでい... 2020.11.17 Bootstrap4CSS・HTMLフレームワーク
Bootstrap4 Bootstrapが使えない、使いたくない、そんな時に便利な<CSS Grid> レスポンシブなページを作るときに便利な「Bootstrap」、簡単に短時間でページが作れます。 でもワードプレスのページを作成するときや簡単なレスポンシブなページを作るときなど「Bootstrap」が使えない、使いたくないときもあります。 ... 2020.03.07 Bootstrap4CSS・HTMLフレームワーク
Bootstrap4 Bootstrap4のカードを隙間なく自動整列させる ブロック要素を自動整列させるときの定番「Masonry」、Bootstrap4でも部分的につかうことはあったのですがBootstrap4を「カード」を「Masonry」で制御する方法を解説しているサイトがありましたので参考にページを作ってみ... 2019.10.03 Bootstrap4フレームワーク
Bootstrap4 カウントダウンタイマー<jQueryプラグイン「yycoutdown」> 楽天のスーパーセールやお買い物マラソン、ヤフーショッピングなどのセールに使えるカウントダウンの付いたページ。 そんなページを使う時に便利なのがjQueryプラグイン「yycoutdown」。 jQueryカウントダウンタイマー【デザイン自由... 2019.07.17 Bootstrap4jQuery・js・PHP
Bootstrap4 Bootstrap4で背景に画像を使うときの「スタイルシート(CSS)」 Bootstrap4で背景に画像を使う方法。 背景に画像を入れるCSSのおさらい background-image: url("画像へのパス"); ・・・ これは説明不要ですね。 background-repeat: 繰り返しの指定; ・・... 2019.06.19 Bootstrap4CSS・HTML
Bootstrap4 ブートストラップ4のHTMLがワードプレスで使えるテーマ<WP Bootstrap 4> 最近では静的なHTMLページ作成では「Bootstrap」や「Foundation」を利用することがほとんどです。楽天やヤフーショッピングでも「Bootstrap」を多用してます。 そんな過去に作成したページをワードプレスで再利用しやすいテ... 2019.04.17 Bootstrap4フレームワークワードプレス