首页 > 解决方案 > RTL 标签不会显示在输入字段上

问题描述

通过使用Creative Tim的Material Dashboard Pro,我在我的网站中使用了 Bootstrap 4 主题。
我有一个带有标签的输入字段。当字段中没有文本时,标签将显示在字段上方。当用户在字段中输入一些文本时,标签应该跳到字段上方。

当网站是英文时,它运行良好: 在此处输入图像描述

但是当我在希伯来语中运行它时,标签会跳到字段的左侧,在它之外: 在此处输入图像描述

如您所见,当标签为希伯来语时,标签​​不会显示在输入字段内部,而是显示在外部。

这是我的字段代码:

<div class="row">
    <div class="col-md-6">
    ...
    </div>
    <div class="col-md-6">
        <div class="form-group">
            <label class="bmd-label-floating">Name</label>
            <input type="text" class="form-control" name="NAME">
        </div>
    </div>
</div>

我该如何解决这个问题,以便它适用于英语和希伯来语?

标签: htmllabelbootstrap-4input-field

解决方案


推荐阅读