ASPNET MVC5网站,Visual Studio 2015
下拉列表中没有什么特别之处:
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Admin</a>
<ul class="dropdown-menu">
<li><a href="/Categories">Manage Categories</a></li>
<li><a href="/RolesAdmin">Manage Roles</a></li>
<li><a href="/UsersAdmin">Manage Users</a></li>
<li role="separator" class="divider"></li>
<li><a href="/Gifts/PendingApproval">Pending approval</a></li>
</ul>
</li>
并且它正在按预期工作,直到选择了“从右到左”的文化,在安装了Twitter Bootstrap RTL v.3.0软件包后触发相关的.js和.css加载:
bundles.Add(new ScriptBundle("~/bundles/bootstrap-rtl").Include(
"~/Scripts/bootstrap-rtl.js",
"~/Scripts/respond.js"));
bundles.Add(new StyleBundle("~/Content/css-rtl").Include(
"~/Content/bootstrap-rtl.css",
"~/Content/site.css"));
选择这样的语言(例如阿拉伯语),加载RTL版本
@Styles.Render("~/Content/css" + (CultureHelper.IsRighToLeft() ? "-rtl" : ""))
@Scripts.Render("~/bundles/bootstrap" + (CultureHelper.IsRighToLeft() ? "-rtl" : ""))
有点干扰任何下拉列表,阻止它们工作(即点击“管理员”没有任何反应)。更改为任何ltr语言会使下拉列表再次起作用。