Использование бутстрапа с беседкой

Я пытаюсь использовать bootstrap с bower, но поскольку он клонирует все репо, нет CSS и других вещей.

Означает ли это, что мне нужно включить создание Bootstrap в мой собственный процесс сборки? Или, если я ошибаюсь, какой правильный рабочий процесс?

Ответ 1

Наконец-то я закончил использовать следующее: bower install --save http://twitter.github.com/bootstrap/assets/bootstrap.zip

Мне кажется, что он чист для меня, так как он не клонирует все репо, он только разархивирует необходимые анализы.

Недостатком этого является то, что он нарушает философию bower, поскольку bower update не будет обновлять загрузочный файл.

Но я думаю, что он по-прежнему чище, чем использование bower install bootstrap, а затем построение бутстрапа в вашем рабочем процессе.

Это вопрос выбора, я думаю.

Обновление: кажется, что теперь они имеют версию каталога dist (см. https://github.com/twbs/bootstrap/pull/6342), поэтому просто используйте bower install bootstrap и укажите активы в папке dist

Ответ 2

Существует предварительно построенный пакет бутстрапов, называемый bootstrap-css. Я думаю, что это то, что вы (и я) надеялись найти.

bower install bootstrap-css

Спасибо Нико.

Ответ 3

Файлы css и js находятся внутри пакета: bootstrap/docs/assets/

UPDATE:

так как v3 в папке dist содержится пакет, содержащий все css, js и шрифты.


Другой вариант (если вы хотите только получить отдельные файлы) может быть: pulldown. Конфигурация очень проста, и вы можете легко добавить свои собственные файлы/URL-адреса в список.

Ответ 4

Предполагая, что у вас установлено npm, а bower установлен глобально

  • перейти к вашему проекту
  • bower init (это приведет к созданию файла bower.json в вашем каталоге)
  • (затем нажмите "Да" )...
  • чтобы установить путь, в котором будет установлен bootstrap:
    вручную создайте файл .bowerrc рядом с файлом bower.json и добавьте к нему следующее:

    { "directory": "public/components" }

  • bower install bootstrap --save

Примечание: для установки других компонентов:

 bower search {component-name-here}

Ответ 5

Я закончил работу с оболочкой script, которую вам действительно нужно будет запускать только один раз при первой проверке проекта

#!/usr/bin/env bash

mkdir -p webroot/js
mkdir -p webroot/css
mkdir -p webroot/css-min
mkdir -p webroot/img
mkdir -p webroot/font

npm i
bower i

# boostrap
pushd components/bootstrap
npm i
make bootstrap
popd
cp components/bootstrap/bootstrap/css/*.min.css webroot/css-min/
cp components/bootstrap/bootstrap/js/bootstrap.js src/js/deps/
cp components/bootstrap/bootstrap/img/* webroot/img/

# fontawesome
cp components/font-awesome/css/*.min.css webroot/css-min/
cp components/font-awesome/font/* webroot/font/

Ответ 6

Также помните, что с помощью команды вроде:

bower search twitter

Вы получаете результат со списком любого пакета, связанного с твиттером. Таким образом, вы в курсе всего о том, что касается Twitter и Bower, например, зная, есть ли новый компонент балансировки.

Ответ 7

У вас установлена ​​nodeJs в вашей системе, чтобы выполнить команды npm. После правильной работы npm вы можете посетить bower.io. Там вы найдете полную документацию по этой теме. Вы найдете команду $ npm install bower. это установит беседку на вашей машине. После установки bower вы можете легко установить Bootstrap.

Вот видео-учебник по этому вопросу