【応用編】Collapseを閉じるボタンで閉じる
collapse（いわゆるアコーディオン）は、一般的に閉じるボタンなど使わずに閉じますが、敢えて、閉じるボタンで閉じる場合の覚書。 bootstrap4のCollapse https://getbootstrap.com…
The Acorn Spirit's Journey
tomisan.comBootstrap 4
bootstrap4【応用編】bootstrap Tooltipsカスタマイズ
bootstrap4のTooltipsをカスタマイズ。 https://getbootstrap.com/docs/4.3/components/tooltips/ JavaScriptでtemplate設定 Optio…
【応用編】bootstrapのProgressで五つ星レビュー
bootstrapの「Progress」を五つ星（★★★★★）five star reviewにする。 https://getbootstrap.com/docs/4.3/components/progress/ ★はs…
10px＝1remとBootstrap4.3(Responsive font sizes)
10px＝1remとする場合のBootstrap4.3『Responsive font sizes』機能を有効にして使う時の覚え書き。 10px＝1rem とするには、まずhtmlフォントサイズを62.5%と書くわけです…
【応用編】Bootstrap 4 Modal をメニューにカスタマイズ
●DEMO Bootstrap 4 のモーダルを使ってスマホ用（メニューに使える）カスタマイズです。詳細はDEMOをご覧くださいませ。
【応用編】Aボタンとbootstrapツールチップの位置とポインター
ツールチップの表示位置をテキストに近づけたいな～と思って 若干位置をずらしてみたものの Aタグに重なった部分にマウスポインタ―が反応してオカシナ動きになります(;^ω^) およっ！？ と思ってしまいますが ツールチップの…
bootstrap4 コンパイルエラー時の対処
_root.scss のおかげ（？）でコンパイル時にエラー。。という時の対処。 bootstrapを利用するときにscssファイルインポートしてる人のみハマるかもしれないところ。 http://getbootstrap.…
【応用編】bootstrap Checkboxes and radios + Collapse
bootstrapの Collapse をradio（あるいはCheckbox）で。具体的には、送信フォームでradio（あるいはCheckbox）で選択してCollapseを使う、というものです。 checkbox r…
【応用編】bootstrap Togglable tabs + Collapse Accordion
BootstrapのTogglable tabsと、Collapse Accordionを使って レスポンシブ（768px以上）ではタブ、767px以下ではアコーディオンにする。 ●768px以上 ●767px以下 ●H…