bootstrap4.css
.dropdown-item-text {
display: block;
padding: 0.25rem 1.5rem;
color: #212529;
}
■ドロップダウン:dropdown-menu:コンポーネント:ドロップダウンにリンクなしのメニュー項目を追加する
<div class="dropdown">
<!-- 切り替えボタン -->
<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
ドロップダウン
</button>
<!-- ドロップダウンメニュー -->
<div class="dropdown-menu">
<span class="dropdown-item-text">非リンクテキスト</span>
<a class="dropdown-item" href="#">メニュー1</a>
<a class="dropdown-item" href="#">メニュー2</a>
<a class="dropdown-item" href="#">メニュー3</a>
</div>
</div>