Bootstrap dropdown button

請問在Boostrap中使用附下拉選單的按鈕時(為了視覺安排，不然框架的dropdown語法更直觀...)，除了 html 語法外還需要注意啟用哪些設定嗎? 我是 Rails 使用者，JS跟CSS應該都有引用到了，但按鈕不知為何就是無法生效，在懷疑是不是還要寫JS控制按鈕了@@

我想做到的是這個效果: https://getbootstrap.com/docs/4.0/components/dropdowns/#single-button-dropdowns

我實際寫的html:

<span class="dropdown">
          <button class="btn btn-primary dropdown-toggle btn-sm" type="button" id="dropdownMenuButton" data-toggle="dropdown">
            ALL TASKS
          </button>

          <div class="dropdown-menu">
            <a class="dropdown-item" href="#">ALL TASKS</a>
            <a class="dropdown-item" href="#">TASK TAGS</a>

          </div>
</span>

application.js中引用的JS:

//= require rails-ujs
//= require activestorage
//= require turbolinks
//= require jquery
//= require jquery_ujs
//= require bootstrap-sprockets
//= require bootstrap/dropdown
//= require_tree .

application.scss中引用的CSS:

@import "bootstrap-sprockets";
@import "bootstrap";

使用的Bootstrap主題: https://bootswatch.com/materia/

謝謝!