Javascript RTL中未显示引导计时器选择器

我使用的是

RTLbootstrap

。现在我在表单中添加插件。但Timeticker下拉列表不显示在输入和正常宽度的右侧

问题图片：

我需要这样：

你如何解决这个问题

---

演示

根据以下规则更改样式

.dropdown-menu{
  right: auto;
}

如下图所示

.dropdown-menu{
  right:0;
}

---

这样就可以了。

按照以下规则更改样式

.dropdown-menu{
  right: auto;
}

如下图所示

.dropdown-menu{
  right:0;
}

一切都会好起来的。

这100%奏效了

从bootstrap timepicker.min.css或bootstrap timepicker.css更改样式，在css上使用此规则

 bootstrap-timepicker-widget.dropdown-menu{ padding: 4px}

改为：

    bootstrap-timepicker-widget.dropdown-menu{ padding: 4px;direction: ltr;right: auto}

这100%奏效了

从bootstrap timepicker.min.css或bootstrap timepicker.css更改样式，在css上使用此规则

 bootstrap-timepicker-widget.dropdown-menu{ padding: 4px}

改为：

    bootstrap-timepicker-widget.dropdown-menu{ padding: 4px;direction: ltr;right: auto}

添加到我的css

.日期时间选择器下拉列表{ 方向：首字母！重要；}

添加到我的css

.日期时间选择器下拉列表{ 方向：首字母！重要；}

.bootstrap datetimepicker小部件{
列表样式：无；
方向：ltr！重要；
}
.bootstrap-datetimepicker-widget.dropdown-menu{
显示：块；
边际：2px0；
填充：4px；
宽度：17em；
方向：ltr！重要；
}

.bootstrap datetimepicker小部件{
列表样式：无；
方向：ltr！重要；
}
.bootstrap-datetimepicker-widget.dropdown-menu{
显示：块；
边际：2px0；
填充：4px；
宽度：17em；
方向：ltr！重要；
}

RTL本身就是“从右向左”。这就是为什么下拉菜单在left@NishuTayal：左边的下拉列表是什么意思？时间选择器下拉列表…如果我没有错，您希望它位于右侧，请参阅我使用此样式并修复：'.bootstrap timepicker小部件表tr{width:150px；}.bootstrap timepicker小部件表tr td:nth child（1）{位置：绝对；宽度：62px；右侧：93px；}。引导计时器小部件表tr td:n子（3）{位置：绝对；宽度：62px；右侧：0px；}。引导计时器小部件表{高度：116px；}的RTL本身是“从右到左”.这就是为什么下拉列表在left@NishuTayal：左边的下拉列表是什么意思？时间选择器下拉列表…如果我没有错，您希望它位于右侧，请参阅我使用此样式并修复：'.bootstrap timepicker小部件表tr{width:150px；}.bootstrap timepicker小部件表tr td:nth child（1）{位置：绝对；宽度：62px；右侧：93px；}。引导计时器小部件表tr td:n子（3）{位置：绝对；宽度：62px；右侧：0px；}。引导计时器小部件表{高度：116px；}Hey hosseinkhazaei，如果你对询问者代码的错误以及你如何修复代码发表评论，这个答案可能会有所改进。Hey hosseinkhazaei，如果你对询问者代码的错误以及你如何修复代码发表评论，这个答案可能会有所改进。