The Acorn Spirit's Journey

GridガントチャートのCSS/HTMLのサンプルです。※動的化が前提です。 サンプルhtmlはこちら ※Bootstrap使用。※Grid関連、細部のcssはhtml内に書いてます。　　

Bootstrap5.2、最新バージョンPopovers。 https://getbootstrap.com/docs/5.2/components/popovers/ HTML 　 オプションを使う https://g…

bootstrap5 のモーダル内にページ内リンクがあり、そのリンクをクリックしたらモーダルを閉じたい。 　 Bootstrap5 Modal https://getbootstrap.com/docs/5.1/comp…

【bootstrap5】@importを@useに変更してみる① からの続きになります。 _functions、_variables、_grid の３つのファイルを読み込んでみましたが今回は、さらに進めていきます。 特に…

まだまだ @import は使えるのですが、今後は廃止されますからそろそろ @use や @forward に慣れておきたいなぁーと考えているユーザーさんも多いのではないでしょうか？ ということで、bootstrap大好…

SVGファイル、近年はsvg形式のファイルを使用する頻度が高くなりましたね！一昔前は、ウェブで使う画像といえばJPGかGIFか、あるいはPNGでしたのに。 ところで、svgファイルってどんなふうにhtmlに貼り付けてます…

bootstrap 5 ！！https://getbootstrap.com/現時点ではベータ版ですが、ぱっと見で、追加機能とか気付いたやつを挙げてく。 Guttershttps://getbootstrap.com/d…

bootstrap4のTooltipsをカスタマイズ。 https://getbootstrap.com/docs/4.3/components/tooltips/ JavaScriptでtemplate設定 Optio…

bootstrapの「Progress」を五つ星（★★★★★）five star reviewにする。 https://getbootstrap.com/docs/4.3/components/progress/ ★はs…

10px＝1remとする場合のBootstrap4.3『Responsive font sizes』機能を有効にして使う時の覚え書き。 10px＝1rem とするには、まずhtmlフォントサイズを62.5%と書くわけです…