[c#] Estilos.Render en MVC4



Answers

Cuidado con la sensibilidad de mayúsculas y minúsculas Si tienes un archivo

/Content/bootstrap.css

y redirige en su Bundle.config a

.Include ("~ / Content / Bootstrap.css")

no cargará el CSS.

Question

En un proyecto .NET MVC4 , ¿cómo funciona @Styles.Render ?

Quiero decir, en @Styles.Render("~/Content/css") qué archivo está llamando?

No tengo un archivo o una carpeta llamada "css" dentro de mi carpeta de Content .




Polo No usaría Bundles en MVC por múltiples razones. No funciona en su caso porque debe configurar una clase BundleConfig personalizada en su carpeta Apps_Start. Esto no tiene sentido cuando puedes simplemente agregar un estilo en el encabezado de tu html de la siguiente manera:

<link rel="stylesheet" href="~/Content/bootstrap.css" />
<link rel="stylesheet" href="~/Content/bootstrap.theme.css" />

También puede agregarlos a un Layout.cshtml o clase parcial que se llama desde todas sus vistas y se coloca en cada página. Si cambian sus estilos, puede cambiar fácilmente el nombre y la ruta sin tener que volver a compilar.

Agregar enlaces codificados a CSS en una clase también rompe con el propósito de separar la interfaz de usuario y el diseño del modelo de la aplicación. Tampoco quiere que las rutas de hoja de estilo codificadas se administren en c # porque ya no puede crear "máscaras" o separar modelos de estilos para decir diferentes dispositivos, temas, etc. de esta manera:

<link rel="stylesheet" href="~/UI/Skins/skin1/base.css" />
<link rel="stylesheet" href="~/UI/Skins/skin2/base.css" />

Con este sistema y Razor ahora puede cambiar la ruta de acceso de Skin de una base de datos o configuración de usuario y cambiar todo el diseño de su sitio web simplemente cambiando la ruta de forma dinámica.

El propósito de CSS hace 15 años era desarrollar "máscaras" de hojas de estilo controladas por la aplicación y controladas por la aplicación para los sitios, de modo que pudiera cambiar el aspecto de la UI y sentirse separado de la aplicación y reutilizar el contenido independientemente de la estructura de datos. .... por ejemplo una versión imprimible, móvil, versión de audio, xml sin procesar, etc.

Volviendo ahora a este sistema de rutas "anticuado" y codificado utilizando clases de C #, estilos rígidos como Bootstrap y fusionando los temas de los sitios con el código de la aplicación, volvemos atrás a cómo se crearon los sitios web en 1998.




src="@url.content("~/Folderpath/*.css")" debería representar estilos






Related