【応用編】Bootstrap 4 Modal をメニューにカスタマイズ
●DEMO Bootstrap 4 のモーダルを使ってスマホ用(メニューに使える)カスタマイズです。詳細はDEMOをご覧くださいませ。
●DEMO Bootstrap 4 のモーダルを使ってスマホ用(メニューに使える)カスタマイズです。詳細はDEMOをご覧くださいませ。
svgファイル(アイコンなど)をbackground-imageで使いつつ、色(fill=”#色”)の変更もcss(sass/scss)で変更。 2種類の書き方の覚書 【共通】 ●置換に関する部分…
ツールチップの表示位置をテキストに近づけたいな~と思って 若干位置をずらしてみたものの Aタグに重なった部分にマウスポインタ―が反応してオカシナ動きになります(;^ω^) およっ!? と思ってしまいますが ツールチップの…
_root.scss のおかげ(?)でコンパイル時にエラー。。という時の対処。 bootstrapを利用するときにscssファイルインポートしてる人のみハマるかもしれないところ。 http://getbootstrap.…
bootstrapの Collapse をradio(あるいはCheckbox)で。具体的には、送信フォームでradio(あるいはCheckbox)で選択してCollapseを使う、というものです。 checkbox r…
BootstrapのTogglable tabsと、Collapse Accordionを使って レスポンシブ(768px以上)ではタブ、767px以下ではアコーディオンにする。 ●768px以上 ●767px以下 ●H…
BootstrapのGrid systemを使って、table-stripedな見た目にしつつ レスポンシブ(768px以上)では横4列、767px以下では横2列にする。 テキストは上下中央に。 ●768px以上 ●76…