Bower ile bootstrap kullanma

135

Bootstrap'ı bower ile kullanmaya çalışıyorum, ancak tüm repoyu klonladığı için CSS ve başka şeyler yok.

Bootstrap'i kendi oluşturma sürecime dahil etmem gerektiği anlamına mı geliyor? Veya yanılıyorsam, doğru iş akışı nedir?

twitter-bootstrap bower

— xavier.seignard
kaynak

28

Hiç de aptalca bir soru değil. Bu, bower ile kurmaya çalıştığım ilk paket. Ortaya çıkan netlik ve karışıklık eksikliği, aracı uzun süre gözden kaçırmamı sağladı.

— jhappoldt

84

~~Sonunda aşağıdakileri kullanarak bitirdim: bower install --save http://twitter.github.com/bootstrap/assets/bootstrap.zip~~

Tüm repoyu klonlamadığı için bana daha temiz görünüyor, sadece gerekli assestleri aç.

Bunun dezavantajı, bower updatebootstrap'i güncellemeyeceği için bower felsefesini kırmasıdır.

Ama bence hala bower install bootstrapiş akışınızda bootstrap kullanmaktan ve inşa etmekten daha temiz .

~~Sanırım bu bir seçim meselesi.~~

Güncelleme: şimdi bir dist klasörü kullanıyorlar gibi görünüyor (bkz: https://github.com/twbs/bootstrap/pull/6342 ), bu yüzden sadece kullanın bower install bootstrapve distklasördeki varlıkları işaret edin

— xavier.seignard
kaynak

2

Sadece güncellendi npmve bowersahip "bootstrap": "http://twitter.github.com/bootstrap/assets/bootstrap.zip" olmak component.jsonda işe yarıyor gibi görünüyor.

— antitoksik

8

Bu, bower'ı ilk etapta kullanma amacını bozmuyor mu?

— namuol

5

Evet biraz berbat. Ancak daha fazla emici olan şey, kendi derleme işlemlerinde sürüm oluşturmadıkları için bootstrap'i kendi oluşturma işleminizde yeniden oluşturmaktır.

— xavier.seignard

1

@namuol, tam olarak, jquery, bootstrap gibi herhangi bir kütüphane için dir yapısını nasıl yapacağını bilmeyenler için bower'ın oluşturulduğunu düşündüm ... olmayanlara kaynak dosyaları sağlamak mantıklı değil biliyorum, onları daha çok karıştırıyor!

— alexserver

Npm güncelleme benim için bir çözüm oldu.

— Yves Van Broekhoven

78

Bootstrap-css adlı önceden oluşturulmuş bir bootstrap bower paketi var. Bence sen (ve ben) bulmayı umduğun şey buydu.

bower install bootstrap-css

Teşekkürler Nico.

— Terry Karaca
kaynak

@DanielM bu paketin nasıl alınacağını / kurulacağını gösteriyorsa Şu anda bu bir cevap değil bir yorum.

— Popnoodles

bower bootstrap-css yükleyin

— Nico

1

Doğru cevap bu. Bu, tüm .min. {Js | css} dosyaları ile önceden yapılan repo.

— 0x126

28

~~Css ve js dosyaları paketin içindedir: bootstrap/docs/assets/~~

GÜNCELLEME:

v3'ten beri distpakette tüm css, js ve fontları içeren bir klasör var .

Başka bir seçenek (sadece tek dosyaları almak istiyorsanız): aşağı açılan . Yapılandırma son derece basittir ve listeye kendi dosyalarınızı / URL'lerinizi kolayca ekleyebilirsiniz.

— Dziad Borowy
kaynak

Bu, Bootstrap 3 için en azından bugün yanlıştır. Bower_components / bootstrap / docs / asset / css / içindeki tek dosyalar docs.css ve pygments-manni.css dosyalarıdır. Bunların hiçbiri Bootstrap css dosyaları değildir.

— kahve öğütücü

4

npm yüklendiğini ve küresel olarak bower yüklendiğini varsayarsak

projene git
bower init (bu, dizininizde bower.json dosyasını oluşturur)
(ardından evet'i tıklamaya devam edin) ...
önyüklemenin yükleneceği yolu ayarlamak için: bower.json dosyasının yanında
manuel olarak bir .bowerrcdosya oluşturun ve buna aşağıdakileri ekleyin:

{"dizin": "genel / bileşenler"}
bower install bootstrap --save

Not: diğer bileşenleri takmak için:

 bower search {component-name-here}

— Mahmoud Zalt
kaynak

3

Bir projeyi ilk kez satın aldığınızda gerçekten bir kez çalıştırmanız gereken bir kabuk komut dosyası ile devam ettim

#!/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
kaynak

1

@lenswipe evet, ben de, şimdi değil. üç yıl sonra bir şey artık bunu yapmak gerekmez nerede evrimleşti

— slf

2

Ayrıca şunu unutmayın:

bower search twitter

Twitter ile ilgili herhangi bir paketin listesi ile bir sonuç alırsınız. Bu şekilde, örneğin yepyeni bir bower bileşeni olup olmadığını bilmek gibi Twitter ve Bower ile ilgili her şeyden haberdar olursunuz.

— joaquindev
kaynak

Teşekkürler, bu Twitter ile ilgili her şeyi göstermeye yardımcı olur, ancak yüklemek için birçok seçenek gösterir. En son twitter önyüklemesini yüklemek isterseniz, github.com/twbs/bootstrap yükleyen ve derlenmiş kaynakları dist dizinine de içeren 'bower install twitter'ı kullanın .

— AWolf

Mükemmel, böylece her ikisinin bir kombinasyonu ile, bilgisayarınıza ne yükleneceğini her zaman bilirsiniz.

— joaquindev

0

Komutları çalıştırmak için nodeJ'leri sisteminize yüklediniznpm . Bir kez npmdüzgün çalışıyorsa ziyaret edebilirsiniz bower.io. Burada bu konuyla ilgili tüm belgeleri bulacaksınız. Bir komut bulacaksınız $ npm install bower. bu makinenize bower kuracaktır . Bower'ı kurduktan sonra Bootstrap'i kolayca kurabilirsiniz.

İşte bununla ilgili bir video eğitimi

— esed khan
kaynak