2021/01/09 2021/01/09

カテゴリー Tech タグ bootstrap

bootstrap-rubygem-v5.0.0.alpha3の注意点

はじめに

bootstrap-rubygem-v5.0.0.alpha3を使用する際の注意点

Bootstrap-Navbar-Toggler
上記のコードを参考にトグルを実装したが、動作しなかった。

  • コンソールにロードエラーはない
  • 検証ツールのEventListenerBreakpointsでMouseEvent-Clickを確認したが、bootstrapのjsが機能していない
  • Githubのissueに該当するものがない

解決策

bootstrap-rubygem
bootstrap-rubygem/Search by data-toggle

data-bs-toggleで検索したところ、ヒットせず、data-toggleがヒットした。
つまり

data-bs-属性は対応しておらずdata-属性を使わなければならない。

Navbar Togglerの場合は以下のようになる

<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarToggler" aria-controls="navbarToggler" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
</button>
react-monaco-editorでaddCommandを使う

react-monaco-editorでaddCommandを使うときの注意点

MacOS10.14におけるGDBのインストールについて

「HACKING:美しき策謀」の環境構築をする際、gdbのインストールに失敗した。

RaspberryPi ZeroでWifiにつながらない場合にやること

RaspberryPiのWifiの設定でつまずいたときの解決方法

RaspberryPi Zeroでgattlibのインストールが失敗する

RaspberryPi Zeroでpybluez[ble]のgattlibのインストールに失敗したときの解決方法