Как связать внешнюю таблицу стилей css с представлением в среде ASP.NET MVC?

Я создал таблицу стилей Site.css в папке Content в своей архитектуре MVC, однако не вижу никаких изменений в своем VIEW после добавления к ней стилей. Как связать их вместе? Обозреватель решений в Visual Studio ПОСМОТРЕТЬ пример:

@model SchoolProject.Models.Teacher
@{
    ViewBag.Title = "Delete";
}

<h2>Warning: Deleting is permanent</h2>

<div>
    <div>@Model.FirstName @Model.LastName</div>
</div>

<form method="POST" action="/Teacher/DeleteTeacher/@Model.Id">

    <div>
        <input type="submit" value="Delete" />
    </div>
</form>

Пожалуйста, не публикуйте изображения кода, вставьте его как текст и правильно отформатируйте. stackoverflow.com/help/как спросить

Zach Jensz 23.04.2022 02:29

Спасибо! Я только что исправил это, как это требуется.

Frida 23.04.2022 02:45

Вы добавили ссылку на свой файл Site.css в файл [Pages|Views]\Shared\_Layout.cshtml?

Mashed Spud 23.04.2022 09:54
3 метода стилизации элементов HTML
3 метода стилизации элементов HTML
Когда дело доходит до применения какого-либо стиля к нашему HTML, существует три подхода: встроенный, внутренний и внешний. Предпочтительным обычно...
Формы c голосовым вводом в React с помощью Speechly
Формы c голосовым вводом в React с помощью Speechly
Пытались ли вы когда-нибудь заполнить веб-форму в области электронной коммерции, которая требует много кликов и выбора? Вас попросят заполнить дату,...
Стилизация и валидация html-формы без использования JavaScript (только HTML/CSS)
Стилизация и валидация html-формы без использования JavaScript (только HTML/CSS)
Будучи разработчиком веб-приложений, легко впасть в заблуждение, считая, что приложение без JavaScript не имеет права на жизнь. Нам становится удобно...
Flatpickr: простой модуль календаря для вашего приложения на React
Flatpickr: простой модуль календаря для вашего приложения на React
Если вы ищете пакет для быстрой интеграции календаря с выбором даты в ваше приложения, то библиотека Flatpickr отлично справится с этой задачей....
В чем разница между Promise и Observable?
В чем разница между Promise и Observable?
Разберитесь в этом вопросе, и вы значительно повысите уровень своей компетенции.
Что такое cURL в PHP? Встроенные функции и пример GET запроса
Что такое cURL в PHP? Встроенные функции и пример GET запроса
Клиент для URL-адресов, cURL, позволяет взаимодействовать с множеством различных серверов по множеству различных протоколов с синтаксисом URL.
1
3
59
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Вы можете проверить или связать свой css внутри файла BundleConfig.cs. Вы можете перемещаться по нему App_Start> BundleConfig.cs здесь вы можете найти код для привязки вашего файла css

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

Это уже было, но стили все еще не применялись в моих представлениях. Вместо этого я перетащил Site.css, как было предложено в ответе выше, и это помогло.

Frida 24.04.2022 17:11
Ответ принят как подходящий

Если вы используете страницу макета в своем представлении:

Откройте Views->Shared->Layout.cshtml и перетащите в заголовок файл Site.css.

если вы не используете страницу макета в своем представлении, вам нужно перетащить файл Site.css в свое представление.

Другие вопросы по теме