Установка Bootstrap 4 с беседкой

Я создал веб-сайт yeoman, который поставляется вместе с bootstrap 3, как я могу установить bootstrap 4 вместо этого.

В учебниках говорится, что просто запускается "bower install bootstrap", но это просто устанавливает bootstrap 3 снова.

Ответы

Ответ 1

Прежде всего удалите старый загрузочный файл из вашего проекта (удалите каталог bower_components/bootstrap/)

Чем у вас есть два варианта:

1. Команда Bower с определенной версией:

bower install bootstrap#4.0

2. Использование файла bower.json

создайте файл с именем bower.json в корне вашего проекта (см. пример ниже)

{
    "name": "app-name",
    "version": "0.0.1",
    "dependencies": {
        "bootstrap": "4.0"
    }
}

затем запустите

bower install

Я бы порекомендовал второй вариант с файлом bower.json, потому что это более гибкое решение, вы можете использовать boser.json для других пакетов, которые вам нужны, простым добавлением новой строки.

Ответ 2

Boostrap v4 в настоящее время находится в альфа-состоянии. Команда bower install bootstrap устанавливает последнюю стабильную версию.

Чтобы загрузить альфа-версию и сохранить этот вариант, выполните следующие действия:

bower install bootstrap#4.0 --force-latest --save

Ответ 3

это правильная командная строка

$bower install bootstrap # v4.0.0-alpha.3

есть официальная ссылка, как управлять загрузкой с другими менеджерами пакетов getbootstrap 4

Ответ 4

Это также работает для людей, использующих CodeKit (похоже, вы не можете использовать команды bower в CodeKit)!

1) Удалите старую папку bower_components/bootstrap.

2) Создайте файл bower.json в своем корне с этим контентом:

{
"name": "app-name",
"version": "0.0.1",
"dependencies": {
    "bootstrap": "4.0"
    }
}

3. Обычная версия начальной загрузки Instrall через код. - > Версия 4.0-alpha будет установлена ​​автоматически вместо стабильной версии 3.x.