كيف أُظهر التنسيق CSS الموروث من صفحة Layout في صفحة View باستخدام ASP.Net MVC5؟

يجب أن تتأكّد من أن روابط ملفات التنسيق CSS موضوعة كروابط مطلقة Absolute في الصفحة الرئيسية Layout Page وذلك لتتمكّن الصفحات Views من رؤية الملفات.

ولعمل ذلك استخدم الإشارة ~ في أول مسار الملف عند تعريفه مثلًا:

<link rel="stylesheet" data-them="" href="~/css/styles.css">

تمكّنك تعريف الروابط بهذه الطريقة من نقل أو تغيير مكان أي ملف من دون أن تحتاج لتغيير المسار أي أنها ستكون متاحة لجميع ملفات الموقع.

طريقة أخرى لتعريف روابط التنسيق والسكربت في موقعك وهي باستخدام ملف BundleConfig.cs على الشكل التالي:

 bundles.Add(new StyleBundle("~/Content/css").Include(
                      "~/Content/bootstrap.css",
                      "~/Content/site.css"));

كذلك تعريف روابط السكربت:

bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
                        "~/Scripts/jquery-{version}.js"));