Bootstrap 6

Read More

[Bootstrap]Sticky Sidebar

Bootstrap 5 - sticky sidebar https://codepen.io/longster/pen/MWVYVRV 単純にグリッドで組んでいる場合 aside に sticky-top のクラスを追加 Position · Bootstra...

Read More

[Bootstrap]カードで境界の色を設定する

Dark Theme を別ブログ用に組み直していますが、まぁ面倒なので力技ですね CSS .border-custom { border-color: #3ddc84 !important; } HTML <div class="card mb-3...

Read More

[Bootstrap]カードに画像を収める

久々に組んだら画像のレスポンシブのクラスを追加しないとダメでしたね CSS img { max-width: 100%; height: auto; } あとはimgタグに img-fluid のクラスを追加するか .img-fluid{max-widt...

Read More

Bootstrapで疑似吹き出し(チャット)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do...

Read More

[Bootstrap]角が四角いスクエアの画像カード

模写みたいなプレゼン用のテンプレみたいなのを遊びで組んでたんですが わかりにくいですが 通常 Card title Some quick example text to build on the card title and make u...

Read More

[Bootstrap]水平方向(横)のカード

突貫で作ったブログだったので、他から持ってきたコードをを使っていたのですが、メンテナンス性が悪いのと微妙なので Cards · Bootstrap v5.3 https://getbootstrap.com/docs/5.3/components/card/#horizon...

Read More

Bootstrapのボタンはフォントサイズが決まっている

普通に使う分には困らないのですが、ボタンの中に Bootstrap Icons の Line を入れると文字が読めない Line · Bootstrap Icons https://icons.getbootstrap.com/icons/line/ .btn-lg...

Read More

[Bootstrap]CSS変数でリンクの色を変更する

Read More

[Bootstrap]ピンクのカスタムボタン

結局使わなかったのでお裾分け Custom button Link 追加CSS .btn-bd-hotpink { --bd-pink-bg: #ff69b4; --bd-pink-rgb: 255, 105, 180; --bs-btn-...

Read More

Bootstrap 5.3.8 が出た

Read More

Bootstrapのナビゲーションバーでリンクをクリックしたとき🍔メニューを閉じる

Read More

Bootstrapで紫のカスタムボタンを作る

Bootstrapに紫のボタンがないのはなぁぜなぁぜ おそらく、ブランドのカラーなので含まれていないと思われますが、公式の Examples に含まれています。(知ってた方はごめんなさい) CSS .btn-bd-primary{--bd-violet-bg: #7...

Read More

Bloggerメンテナンスモード向けテンプレート

Bloggerメンテナンスモード向けテンプレート Bloggerのメンテナンスモード向けのシンプルなテンプレートです 現在デモ > https://ws007sh-kustom.blogspot.com/ 導入に関してはこちらも参照してください Blog...

Read More

Bootstrap v5.0 のブラウザサポート

Read More

Bootstrap v4 から v5 への移行

Read More

BootswatchでBootstrapのテーマを変更する

Bootstrapで組むと味気無いので、見た目を変える裏技 Bootswatch: Free themes for Bootstrap https://bootswatch.com/ 適用方法はダウンロードしたCSSを Bootstrap CSS と置き換えるだけです ...

Read More

Bootstrap 5.3.7 が出た

Read More

Bootstrap 5.3.6 が出た

Read More

Bootstrap 5.3.5 が出てた

Bootstrap 5.3.5 | Bootstrap Blog https://blog.getbootstrap.com/2025/04/04/bootstrap-5-3-5/ (April 04, 2025) 1日で更新されてた (Bloggrの閲覧リストで更...

Read More