我在将Primer CSS与laravel集成时遇到了问题。我正在尝试添加一个Dropdown Panel,但它永远不会打开。
这是我的app.scss
// Variables
@import "variables";
// Bootstrap
//@import '~bootstrap/scss/bootstrap';
// Primer
@import "node_modules/primer/index.scss";
@import "node_modules/primer-dropdown/index.scss";
// FontAwesome
@import '~@fortawesome/fontawesome-free-webfonts/scss/fa-brands';
@import '~@fortawesome/fontawesome-free-webfonts/scss/fa-regular';
@import '~@fortawesome/fontawesome-free-webfonts/scss/fa-solid';
@import '~@fortawesome/fontawesome-free-webfonts/scss/fontawesome';
这是我的下拉菜单,按下按钮:
<div class="dropdown js-menu-container js-select-menu">
<button class="btn dropdown-toggle js-menu-target" type="button" aria-expanded="false" aria-haspopup="true">
.dropdown-ne
<div class="dropdown-caret"></div>
</button>
<div class="dropdown-menu-content js-menu-content">
<ul class="dropdown-menu dropdown-menu-ne">
<li><a class="dropdown-item" href="#url">Dropdown item</a></li>
<li><a class="dropdown-item" href="#url">Dropdown item</a></li>
<li><a class="dropdown-item" href="#url">Dropdown item</a></li>
</ul>
</div>
</div>