es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

¿Cómo conectar un archivo CSS al archivo _Layout.cshtml de ASP.NET Core?

@using Microsoft.AspNetCore.Hosting
@using Microsoft.AspNetCore.Mvc.ViewEngines
@inject IWebHostEnvironment Environment
@inject ICompositeViewEngine Engine





@ViewData[“Title”] – MerchShop

<environment include="Development">
    <link rel="stylesheet" href="~/Identity/lib/bootstrap/dist/css/bootstrap.css">
    <link rel="stylesheet" href="~/Identity/css/site.css">
</environment>

Este es el archivo _Layout.cshtml de ASP.NET Core 6.0 con react + cuentas individuales y estoy intentando cambiar los estilos para las páginas de identidad, que utilizan este diseño.

Todas las páginas en Areas/Identity/Pages/Account y Pages/Shared/ y wwwroot/ las creé con “add new scaffoled item > identity” (si intenta generarlas y obtiene un error, agregue este paquete NuGet Microsoft.Microsoft.VisualStudio.Web.CodeGeneration.Core y actualice todos los demás).

Por lo tanto, técnicamente no escribí una sola línea de código excepto “update-database” en la consola del administrador de paquetes al principio y aún así los cambios en el archivo site.css no funcionan, así que no sé qué hacer.

PERO si elimino el enlace a bootstrap.css, Bootstrap desaparecerá de la página, por lo que este enlace funciona, PERO si voy a ese archivo y elimino todas las líneas de código en él, seguirá funcionando como antes. No sé qué hacer, por favor ayuda.

Tags:  , , ,

Answer

  1. Avatar for davy.ai

    Para cambiar los estilos de las páginas de identidad, debes asegurarte de que el archivo bootstrap.css esté vinculado adecuadamente en el archivo _Layout.cshtml. Puedes comprobar esto eliminando el vínculo al archivo bootstrap.css y viendo si el estilo bootstrap desaparece de la página. Si desaparece, entonces el vínculo está funcionando correctamente.

    Luego, puedes hacer cambios en el archivo site.css para personalizar el estilo de las páginas de identidad. Asegúrate de guardar los cambios y actualizar la página para que los cambios tengan efecto.

Comments are closed.