Css 要在左侧打开的角度引导下拉列表项

我正在使用

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>

排序
名称
创建日期

---

我尝试了类

下拉菜单左

，但它不起作用。如何将下拉列表项对齐显示在左侧，以便文本不会中断？

我通过将

placement=“bottom right”

放在主div中解决了这个问题。 更新的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>

排序
名称
创建日期

在官方认可的答案中添加第8条：

将

placement=“bottom right”

属性添加到标记（该标记是带有

navbar

类的标记的后代）时，还必须将

display=“dynamic”

添加到该标记中

navbar

classed标签子项的默认值是

display=“static”

，在我添加覆盖之前，Sony Khan的解决方案对我不起作用。声明：

当下拉菜单在引导的导航栏中使用时，它将不会被定位（以匹配引导行为并在移动设备上正常工作）。您可以使用显示输入来替代它

因此，将上面示例代码中的开始标记修改为：

...

我在页面右上角的用户信息下拉列表中使用“SB Admin Angular5 BS4”（实际更新为Angular6）时遇到了这个问题。。。你的解决方案完美地解决了这个问题！这就是为我修好的！非常感谢。