Bootstrap 如何配置ABP框架以使用RTL语言中的Bootswatch

cvxl0en2  于 2022-12-16  发布在  Bootstrap
关注(0)|答案(1)|浏览(136)

通过引用Jonathan Potts ABP Bootswatch article,可以在ABP框架中使用Bootswatch切换Bootstrap,这是一种清晰而好的方法。但是,当在RTL语言(如ArabicFarsi)中使用Bootswatch时,这种方法不起作用。

我想知道我错过了什么,解决此问题的最佳实践是什么?

项目的UI基于MVC Razor Pages
下面是我的BundleContributor:

public class BootswatchStyleContributor : BundleContributor
{
    public override void ConfigureBundle(BundleConfigurationContext context)
    {
        var theme = "minty";

        var bootstrap = "/libs/bootstrap/css/bootstrap.css";
        var bootswatch = $"/libs/bootswatch/{theme}/bootstrap.css";

        context.Files.ReplaceOne(bootstrap, bootswatch);
    }
}

和配置:

private void ConfigureBundles()
{
    Configure<AbpBundlingOptions>(options =>
    {
        options.StyleBundles.Configure(
            BasicThemeBundles.Styles.Global,
            bundle =>
            {
                bundle.AddFiles("/global-styles.css");
                bundle.AddContributors(typeof(BootswatchStyleContributor));
            }
        );
    });
}

下面是LTR中运行良好的结果:

但在将语言更改为RTL语言(如阿拉伯语)后不起作用:

atmip9wb

atmip9wb1#

我使用了使用CultureHelper的@Engincan想法。IsRtl很好

相关问题