Установка bootstrap4 в проект asp.net core

97
14 марта 2021, 06:30

Начал изучение asp.net core, устанавливаю через nuget bootstrap, но вместо папок со стилями и скриптами, устанавливаются только зависимости. Изначально создавал пустой проект.Что я не так делаю?

Answer 1

Вы устанавливаете bootstrap через nuget и этот способ в bootstrap 4 является неподдерживаемым. Действительно, всё пусто:

Кстати, при установке в непустой шаблон студия может и явно выдать предупреждение:

Я рекомендую устанавливать пакет при помощи npm:

При этом вам нужно не забывать, что файлы будут скачаны в папку node_modules и вам нужно будет переложить их в wwwroot, например - используя штатный механизм bundle config:

[
  {
    "outputFileName": "wwwroot/css/bootstrap.css",
    "inputFiles": [
      "node_modules/bootstrap/dist/css/bootstrap.css"
    ]
  },
  {
    "outputFileName": "wwwroot/css/bootstrap.min.css",
    "inputFiles": [
      "node_modules/bootstrap/dist/css/bootstrap.min.css"
    ]
  },
  {
    "outputFileName": "wwwroot/js/bootstrap.js",
    "inputFiles": [
      "node_modules/bootstrap/dist/js/bootstrap.js"
    ]
  },
  {
    "outputFileName": "wwwroot/js/bootstrap.min.js",
    "inputFiles": [
      "node_modules/bootstrap/dist/js/bootstrap.min.js"
    ]
  },
  {
    "outputFileName": "wwwroot/js/jquery.js",
    "inputFiles": [
      "node_modules/jquery/dist/jquery.js"
    ]
  },
  {
    "outputFileName": "wwwroot/js/jquery.min.js",
    "inputFiles": [
      "node_modules/jquery/dist/jquery.min.js"
    ]
  },
  {
    "outputFileName": "wwwroot/js/jquery.validate.js",
    "inputFiles": [
      "node_modules/jquery-validation/dist/jquery.validate.js"
    ]
  },
  {
    "outputFileName": "wwwroot/js/jquery.validate.min.js",
    "inputFiles": [
      "node_modules/jquery-validation/dist/jquery.validate.min.js"
    ]
  },

PS Если вы начинаете с шаблона пустого проекта - то вам нужно очень много шагов повторять вручную. Я бы рекомендовал поглядывать периодически на то, как устроены более типовые шаблоны и переносить подходящую логику к себе.

Answer 2

Попробуйте установить Bootstrap с помощью Bower http://prntscr.com/o9y7ca

Upd. При установке bootstrap c помощью NuGet можно обратить внимание на надпись "Несовместимо" и просьбу воспользоваться Bower (как у меня на скрине). Почему так можно почитать здесь https://stackoverflow.com/questions/48481003/how-to-use-bootstrap-4-in-asp-net-core

READ ALSO
Передача файла в ASP.NET

Передача файла в ASP.NET

Как в ASPNET передать файл POST запросом? (класс, метод)

109
Как я могу сделать сцену неактивной?

Как я могу сделать сцену неактивной?

Я подгружаю сцены аддиктивно и проблема в том ,что у меня работают две сцены сразу: Начальная(которая должна быть всегда) и сцена загруженная...

102
Изменить значение у всех полей

Изменить значение у всех полей

В базе данных есть INT поля slot_1, slot_2, slot_3 и так далееКак можно у всех этих полей изменить значение? Похожее на slot_% есть?

93
Как вывести элемент из массива?

Как вывести элемент из массива?

Я новичок в phpЭто ответ на запрос в JSON формате:

102