Bootstrapのモーダルが表示されないという問題は、いくつかの原因で発生する可能性があります。ここでは、その中でも特によく見られる2つの原因と対処法について説明します。
まず一つ目の原因として、スムーズスクロールのJavaScriptと競合している可能性があります。これを確認するためには、スムーズスクロールのJavaScriptを一時的に無効化し、その状態でモーダルが表示されるか試してみてください。
二つ目の原因として、aタグがインライン要素として扱われ、期待するクリック可能領域よりも狭い範囲しか反応しない場合があります。これを解消するためには、aタグをインラインブロック要素かブロック要素に変更すると良いでしょう。CSSにてタグにdisplay: inline-block;あるいはdisplay: block;を適用することで、この問題は解決します。