私はを使用していngbDropdown
ます。デフォルトでは、ドロップダウンアイテムは右側に表示されます。ドロップダウンの配置がページの右端にある場合、アイテムは非表示になります。
これがHTMLです
<div ngbDropdown class="d-inline-block float_right">
<span id="dropdownBasic1" ngbDropdownToggle class="cursor-pointer">Sort by</span>
<div ngbDropdownMenu aria-labelledby="dropdownBasic1">
<button class="dropdown-item">Name</button>
<button class="dropdown-item">Date of creation</button>
</div>
</div>
クラスを試しましたdropdown-menu-left
が、うまくいきませんでした。テキストが壊れないように、ドロップダウンアイテムを左側に表示するように配置するにはどうすればよいですか?
placement="bottom-right"
maindivを入れることで解決しました。更新されたhtmlは
<div ngbDropdown class="d-inline-block float_right" placement="bottom-right">
<span id="dropdownBasic1" ngbDropdownToggle class="cursor-pointer">Sort by</span>
<div ngbDropdownMenu aria-labelledby="dropdownBasic1">
<button class="dropdown-item">Name</button>
<button class="dropdown-item">Date of creation</button>
</div>
</div>
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加