Używanie bootstrapa z altaną

135

Próbuję użyć bootstrap z altanką, ale ponieważ klonuje całe repozytorium, nie ma CSS i innych rzeczy.

Czy to oznacza, że ​​muszę uwzględnić budowanie Bootstrap we własnym procesie kompilacji? A jeśli się mylę, jaki jest właściwy przepływ pracy?

twitter-bootstrap bower xavier.seignard
źródło
28
To wcale nie jest głupie pytanie. To pierwszy pakiet, który próbowałem zainstalować za pomocą bower. Wynikający z tego brak jasności i bałagan sprawił, że przez długi czas przeoczyłem to narzędzie.
jhappoldt

Odpowiedzi:

84

W końcu skończyłem, używając: bower install --save http://twitter.github.com/bootstrap/assets/bootstrap.zip

Wydaje mi się czystszy, ponieważ nie klonuje całego repozytorium, a jedynie rozpakowuje wymagane pliki.

Wadą tego jest to, że łamie filozofię altany, ponieważ bower updatenie aktualizuje bootstrapa.

Ale myślę, że jest to nadal czystsze niż używanie, bower install bootstrapa następnie budowanie bootstrap w przepływie pracy.

Myślę, że to kwestia wyboru.

Aktualizacja: wydaje się, że teraz wersja folderu dist (patrz: https://github.com/twbs/bootstrap/pull/6342 ), więc po prostu użyj bower install bootstrapi wskaż zasoby w distfolderze

xavier.seignard
źródło
2
Wystarczy aktualizowane npmi boweri posiadające "bootstrap": "http://twitter.github.com/bootstrap/assets/bootstrap.zip" w component.jsonwydaje się również do pracy.
antytoksyczny
8
Czy to nie przeszkadza w używaniu altanki w pierwszej kolejności?
namuol
5
Tak, to trochę do dupy. Ale to, co bardziej wysysa, to ponowne zbudowanie bootstrapu we własnym procesie kompilacji, ponieważ nie tworzą one wersji w swoim repozytorium.
xavier.seignard
1
@namuol, dokładnie, myślałem, że bower został stworzony dla tych, którzy nie wiedzieli, jak stworzyć strukturę katalogu dla jakiejkolwiek biblioteki, takiej jak jquery, bootstrap ... nie ma sensu udostępniać plików źródłowych tym, którzy tego nie robią wiesz, to je bardziej dezorientuje!
alexserver
Aktualizacja npm była dla mnie rozwiązaniem.
Yves Van Broekhoven
78

Istnieje wstępnie skompilowany pakiet bootstrap bower o nazwie bootstrap-css. Myślę, że to jest to, co ty (i ja) mieliśmy nadzieję znaleźć.

bower install bootstrap-css

Dzięki Nico.

Terry Roe
źródło
@DanielM, jeśli pokazał, jak pobrać / zainstalować ten pakiet. Obecnie to komentarz, a nie odpowiedź.
Popnoodles
bower install bootstrap-css
Nico
1
To jest właściwa odpowiedź. To jest repozytorium prebuild ze wszystkimi plikami .min. {Js | css}.
0x126
28

Pliki css i js znajdują się w pakiecie: bootstrap/docs/assets/

AKTUALIZACJA:

od wersji 3 distw pakiecie znajduje się folder zawierający wszystkie css, js i czcionki.

Inną opcją (jeśli chcesz tylko pobrać pojedyncze pliki) może być: pulldown . Konfiguracja jest niezwykle prosta i możesz łatwo dodać własne pliki / adresy URL do listy.

Dziad Borowy
źródło
Jest to niepoprawne co najmniej na dzień dzisiejszy dla Bootstrap 3. Jedynymi plikami w bower_components / bootstrap / docs / asset / css / są docs.css i pygments-manni.css. Żaden z nich nie jest plikami css Bootstrap.
młynek do kawy
4

zakładając, że masz zainstalowany npm i bower zainstalowany na całym świecie

  1. przejdź do swojego projektu
  2. bower init (spowoduje to wygenerowanie pliku bower.json w twoim katalogu)
  3. (następnie klikaj dalej tak) ...

  4. aby ustawić ścieżkę, w której zostanie zainstalowany bootstrap:
    ręcznie utwórz .bowerrcplik obok pliku bower.json i dodaj do niego:

    {"katalog": "public / components"}

  5. bower install bootstrap --save

Uwaga: aby zainstalować inne komponenty:

 bower search {component-name-here}
Mahmoud Zalt
źródło
3

Skończyło się na skrypcie powłoki, który naprawdę powinieneś uruchomić tylko raz, kiedy po raz pierwszy sprawdzasz projekt

#!/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/
slf
źródło
1
@lenswipe yeah, ja też nie, w każdym razie nie teraz. trzy lata później sprawy ewoluowały i nie powinno się już tego robić
slf
2

Pamiętaj też o tym poleceniem takim jak:

bower search twitter

Otrzymasz wynik z listą dowolnego pakietu związanego z twitterem. W ten sposób jesteś na bieżąco ze wszystkim, co dotyczy Twittera i Bowera, na przykład wiesz, czy istnieje zupełnie nowy komponent bower.

joaquindev
źródło
Dzięki, to pomaga pokazać wszystko, co jest związane z Twitterem, ale pokazuje wiele opcji do zainstalowania. Jeśli chcesz zainstalować najnowszy program bootstrap z serwisu Twitter, użyj opcji „bower install twitter”, która instaluje github.com/twbs/bootstrap i obejmuje również skompilowane źródła w katalogu dist.
AWolf
Idealnie, więc dzięki połączeniu obu, zawsze możesz wiedzieć, co zostanie zainstalowane na twoim komputerze.
joaquindev
0

Zainstalowałeś nodeJ w swoim systemie, aby wykonywać npmpolecenia. Gdy już npmdziała prawidłowo, możesz odwiedzić bower.io. Znajdziesz tam pełną dokumentację na ten temat. Znajdziesz polecenie $ npm install bower. to zainstaluje bower na twoim komputerze. Po zainstalowaniu altany możesz łatwo zainstalować Bootstrap.

Oto samouczek wideo na ten temat

asad khan
źródło