Установка Bootstrap 4 с bower


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

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

4 20

4 ответа:

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

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

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

bower install bootstrap#4.0

2. С помощью Бауэра.файл json

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

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

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

bower install

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

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

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

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

Это правая командная строка

$ Бауэр установить бутстрап#В4.0.0-Альфа.3

Существует официальная ссылка Как управлять bootstrap с другими менеджерами пакетов getbootstrap 4

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

1) удаляем старые bower_components/загрузочный папку.

2) Создайте беседку.json-файл в корневом каталоге с таким содержимым:
{
"name": "app-name",
"version": "0.0.1",
"dependencies": {
    "bootstrap": "4.0"
    }
}

3. Instrall regular bootstrap версия через codekit. -- >Версия 4.0-Альфа будет установлена автоматически вместо 3.X стабильный релиз.