Невозможно использовать Bootstrap, хотя он добавлен в мой проект - PullRequest
Новая
       14

Невозможно использовать Bootstrap, хотя он добавлен в мой проект

1 голос
/ 20 июня 2020

Я чувствую себя так глупо, задавая этот вопрос ...

Я использую Visual Studio 2019. Я использовал NuGet Packager Manager, чтобы добавить Bootstrap 4.5 к моему. Net Core 3.1 Web проект. Когда я это сделал, он добавил следующее: 

wwwroot
    css
        bootstrap.css
        bootstrap.grid.css
        bootstrap-reboot.css
    js
        bootstrap.js

Однако на всех папках и файлах есть синяя стрелка, означающая, что они являются ссылками. Когда я смотрю в файл проекта, я вижу: 

<ItemGroup>
    <Content Update="C:\Users\SomeGuy\.nuget\packages\bootstrap\4.5.0\contentFiles\any\any\wwwroot\css\bootstrap.css">
        <CopyToOutputDirectory>Always</CopyToOutputDirectory>
    </Content>
</ItemGroup>

Каждый раз, когда я пытаюсь добавить ссылку на файл css в свой файл _Layout.cs html, он не отображается в автозаполнение.

Что я должен сделать с пакетом NuGet? Или в папку wwwroot? Или есть особый способ получить доступ к файлу css / js? Я немного погуглил, но не вижу ничего, что ссылается на это. Любая помощь приветствуется. Спасибо.

1 Ответ

0 голосов
/ 20 июня 2020

Нет специального способа добавить ссылки bootstrap. Они просто добавляются как ссылка в ваш файл _Layout.cshtml.

В разделе <head> добавьте ссылку на файл css: 

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

В конце Тег <body> добавляет ссылку на файл javascript: 

<script src="~/lib/bootstrap/js/bootstrap.js"></script>

Вы можете использовать уменьшенную версию в продакшене следующим образом: 

<environment include="Development">
    <link rel="stylesheet" href="~/lib/bootstrap/css/bootstrap.css" />
</environment>
<environment exclude="Development">
    <link rel="stylesheet" href="~/lib/bootstrap/css/bootstrap.min.css" />
</environment>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...