बोवर के साथ बूटस्ट्रैप का उपयोग करना

Question

मैं बोवर के साथ बूटस्ट्रैप का उपयोग करने की कोशिश कर रहा हूं, लेकिन चूंकि यह पूरे रेपो को क्लोन करता है, इसलिए कोई सीएसएस और अन्य सामान नहीं है।

क्या इसका मतलब है कि मुझे अपने निर्माण की प्रक्रिया में बूटस्ट्रैप का निर्माण करने की आवश्यकता है? या अगर मैं गलत हूं, तो सही वर्कफ़्लो क्या है?

Comments

एक गूंगा सवाल बिल्कुल नहीं। यह पहला पैकेज है जिसे मैंने बोवर के साथ स्थापित करने का प्रयास किया है। स्पष्टता की कमी और गंदगी ने मुझे लंबे समय तक उपकरण की अनदेखी कर दी।

— झाप्पोल्ड

Answer 1

मैंने अंत में निम्नलिखित का उपयोग किया: bower install --save http://twitter.github.com/bootstrap/assets/bootstrap.zip

मेरे लिए क्लीनर लगता है क्योंकि यह पूरे रेपो को क्लोन नहीं करता है, यह केवल आवश्यक हत्यारों को खोल देता है।

इसका नकारात्मक पक्ष यह है कि यह बोवर दर्शन को तोड़ bower updateदेगा क्योंकि बूटस्ट्रैप अपडेट नहीं करेगा।

लेकिन मुझे लगता है कि bower install bootstrapआपके वर्कफ़्लो में बूटस्ट्रैप का उपयोग करने की तुलना में यह अभी भी क्लीनर है ।

मुझे लगता है कि यह पसंद की बात है।

अपडेट: ऐसा लगता है कि वे अब एक डिस्टर्ब फोल्डर बनाते हैं (देखें: https://github.com/twbs/bootstrap/pull/6342 ), इसलिए केवल फोल्डर bower install bootstrapमें मौजूद एसेट्स का उपयोग करें और इंगित करेंdist

Comments

बस अद्यतन npmऔर bowerहोने "bootstrap": "http://twitter.github.com/bootstrap/assets/bootstrap.zip" में component.jsonभी काम करने लगता है।

— एंटीटॉक्सिक

क्या यह पहली बार में बोवर का उपयोग करने के उद्देश्य को नहीं हराता है?

— नामुएल

हाँ यह थोड़े चूसना। लेकिन अधिक चूसने वाली बात यह है कि अपने निर्माण प्रक्रिया में बूटस्ट्रैप को फिर से बनाना है क्योंकि वे अपने रेपो में संस्करण नहीं बनाते हैं।

— xavier.seignard

@namuol, वास्तव में, मुझे लगता है कि बोवर उन लोगों के लिए बनाया गया था, जो किसी भी लाइब्रेरी के लिए डीर संरचना को बनाना नहीं जानते थे, जैसे कि jquery, बूटस्ट्रैप ... यह उन लोगों को स्रोत फ़ाइलों को प्रदान करने का कोई मतलब नहीं है जो नहीं करते हैं पता है, यह उन्हें और अधिक भ्रमित करता है!

— एलेक्सजेंडर

एनपीएम को अपडेट करना मेरे लिए समाधान था।

— यवेस वान ब्रोकेवन

Answer 2

एक प्रीबिल्ट बूटस्ट्रैप बोवर पैकेज है जिसे बूटस्ट्रैप-सीएसएस कहा जाता है। मुझे लगता है कि यह वही है जो आप (और मैं) खोजने की उम्मीद कर रहे थे।

bower install bootstrap-css

धन्यवाद Nico

Comments

@DanielM अगर यह दिखाया जाए कि उस पैकेज को कैसे प्राप्त करें / स्थापित करें। वर्तमान में यह एक टिप्पणी है एक जवाब नहीं।

— पोन्नूडल्स

बोअर बूटस्ट्रैप-सीएसएस स्थापित करें

— निको

यह सही उत्तर है। यह सभी .min के साथ प्रीलिफ्ट रेपो है। {js | css} फाइलें।

— 0x126

Answer 3

सीएसएस और जेएस फाइलें पैकेज के भीतर स्थित हैं: bootstrap/docs/assets/

अपडेट करें:

v3 के बाद से distपैकेज में एक फ़ोल्डर है जिसमें सभी सीएसएस, जेएस और फोंट शामिल हैं।

---

एक अन्य विकल्प (यदि आप केवल एकल फाइलें प्राप्त करना चाहते हैं) हो सकता है: पुलडाउन । कॉन्फ़िगरेशन अत्यंत सरल है और आप आसानी से सूची में अपनी खुद की फाइलें / यूआरएल जोड़ सकते हैं।

Comments

यह बूटस्ट्रैप 3 के लिए कम से कम आज के रूप में गलत है। केवल बोवर्स_कंप्यूटर / बूटस्ट्रैप / डॉक्स / एसेट्स / सीएसएस / में फाइल docs.css और pyolution-manni.css हैं। इनमें से न तो बूटस्ट्रैप सीएसएस फाइलें हैं।

— कॉफी-ग्राइंडर

Answer 4

यह मानते हुए कि आपके पास npm स्थापित है और विश्व स्तर पर बोवर स्थापित है

1. अपने प्रोजेक्ट के लिए नेविगेट करें
2. bower init (यह आपकी निर्देशिका में bower.json फ़ाइल उत्पन्न करेगा)
3. (उसके बाद क्लिक करें हाँ) ...

4. उस पथ को सेट करने के लिए जहां बूटस्ट्रैप स्थापित किया जाएगा:
   मैन्युअल रूप .bowerrcसे bower.json फ़ाइल के बगल में एक फ़ाइल बनाएं और उसमें निम्न जोड़ें:

   {"निर्देशिका": "सार्वजनिक / घटक"}

5. bower install bootstrap --save

नोट: अन्य घटकों को स्थापित करने के लिए:

 bower search {component-name-here}

Answer 5

मैंने एक शेल स्क्रिप्ट के साथ जाना समाप्त कर दिया है कि जब आप पहली बार किसी प्रोजेक्ट की जांच करते हैं तो आपको केवल एक बार चलना चाहिए

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

Comments

@lenswipe हाँ, मुझे न तो, अब वैसे भी नहीं। तीन साल बाद चीजें विकसित हुई हैं, जहां किसी को भी इसे करने की आवश्यकता नहीं है

— slf

Answer 6

यह भी याद रखें कि जैसे कमांड के साथ:

bower search twitter

आपको ट्विटर से संबंधित किसी भी पैकेज की एक सूची मिलती है। इस तरह से आप ट्विटर और बोवर के बारे में सब कुछ अप टू डेट कर रहे हैं, उदाहरण के लिए यह जानना कि क्या कोई नया ब्रोवर घटक है।

Comments

धन्यवाद, जो ट्विटर से संबंधित सब कुछ दिखाने में मदद करता है लेकिन यह स्थापित करने के लिए कई विकल्प दिखाता है। यदि आप नवीनतम ट्विटर बूटस्ट्रैप को स्थापित करना पसंद करते हैं, तो 'bower install twitter' का उपयोग करें जो github.com/twbs/bootstrap स्थापित करता है और जिसमें डिस्टर्ब डायरेक्टरी में संकलित स्रोतों को भी शामिल किया गया है।

— एडॉल्फ

बिल्कुल सही, इसलिए दोनों के संयोजन से, आप हमेशा जान सकते हैं कि आपके कंप्यूटर में क्या स्थापित होने जा रहा है।

— जोकइंडदेव

Answer 7

आपने कमांड निष्पादित करने के लिए अपने सिस्टम पर नोडज स्थापित किया है npm। एक बार npmठीक से काम करने के बाद आप यात्रा कर सकते हैं bower.io। वहां आपको इस विषय पर पूर्ण प्रलेखन मिलेगा। आपको एक कमांड मिलेगी $ npm install bower। यह आपकी मशीन पर बोवर स्थापित करेगा । बोवर लगाने के बाद आप बूटस्ट्रैप आसानी से इंस्टॉल कर सकते हैं।

यहाँ उस पर एक वीडियो ट्यूटोरियल है