ใช้ bootstrap กับ bower

ฉันกำลังพยายามใช้ bootstrap กับ bower แต่เนื่องจากมันโคลน repo ทั้งหมดจึงไม่มี CSS และสิ่งอื่น ๆ

หมายความว่าฉันต้องรวมการสร้าง Bootstrap ไว้ในกระบวนการสร้างของฉันเองหรือไม่? หรือถ้าฉันผิดขั้นตอนการทำงานที่ถูกต้องคืออะไร?

ในที่สุดฉันก็ใช้สิ่งต่อไปนี้: bower install --save http://twitter.github.com/bootstrap/assets/bootstrap.zip

ดูเหมือนจะสะอาดกว่าสำหรับฉันเนื่องจากมันไม่ได้ลอกแบบ repo ทั้งหมด แต่จะคลายซิปเฉพาะการทดสอบที่จำเป็น

ข้อเสียคือมันทำลายปรัชญาของ bower เนื่องจากbower updateจะไม่อัปเดต bootstrap

แต่ฉันคิดว่ามันยังสะอาดกว่าการใช้bower install bootstrapแล้วสร้าง bootstrap ในเวิร์กโฟลว์ของคุณ

ฉันเดาว่าเป็นเรื่องของทางเลือก

อัปเดต:ดูเหมือนว่าตอนนี้พวกเขาจะเป็นเวอร์ชันโฟลเดอร์ dist (ดู: https://github.com/twbs/bootstrap/pull/6342 ) ดังนั้นเพียงแค่ใช้bower install bootstrapและชี้ไปที่เนื้อหาในdistโฟลเดอร์

มีแพคเกจ bootstrap bower ที่สร้างไว้ล่วงหน้าเรียกว่า bootstrap-css ฉันคิดว่านี่คือสิ่งที่คุณ (และฉัน) หวังว่าจะพบ

bower install bootstrap-css

ขอบคุณ Nico

ไฟล์ css และ js อยู่ในแพ็คเกจ: bootstrap/docs/assets/

อัพเดท:

เนื่องจาก v3 มีdistโฟลเดอร์ในแพ็คเกจที่มี css, js และฟอนต์ทั้งหมด

อีกตัวเลือกหนึ่ง (ถ้าคุณเพียงต้องการที่จะดึงข้อมูลไฟล์เดียว) อาจจะ: เลื่อนลง การกำหนดค่านั้นง่ายมากและคุณสามารถเพิ่มไฟล์ / URL ของคุณเองในรายการได้อย่างง่ายดาย

สมมติว่าคุณได้ติดตั้ง npm และติดตั้ง bower ทั่วโลก

1. ไปที่โครงการของคุณ
2. bower init (สิ่งนี้จะสร้างไฟล์ bower.json ในไดเรกทอรีของคุณ)
3. (แล้วคลิกต่อไปใช่) ...

4. เพื่อกำหนดเส้นทางที่จะติดตั้ง bootstrap:
   สร้าง.bowerrcไฟล์ด้วยตนเองถัดจากไฟล์ bower.json และเพิ่มสิ่งต่อไปนี้:

   {"directory": "public / components"}

5. bower install bootstrap --save

หมายเหตุ: การติดตั้งส่วนประกอบอื่น ๆ :

 bower search {component-name-here}

ฉันลงเอยด้วยเชลล์สคริปต์ที่คุณควรจะต้องเรียกใช้เพียงครั้งเดียวเมื่อคุณชำระเงินโครงการครั้งแรก

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

โปรดจำไว้ว่าด้วยคำสั่งเช่น:

bower search twitter

คุณได้รับผลลัพธ์พร้อมรายการแพ็คเกจที่เกี่ยวข้องกับ twitter ด้วยวิธีนี้คุณจะได้รับข้อมูลล่าสุดเกี่ยวกับ Twitter และ Bower เช่นรู้ว่ามีส่วนประกอบใหม่ล่าสุดหรือไม่

คุณได้ติดตั้งnodeJsบนระบบของคุณเพื่อดำเนินการnpmคำสั่ง เมื่อnpmใช้งานได้อย่างถูกต้องคุณสามารถเยี่ยมชมbower.ioได้ คุณจะพบเอกสารทั้งหมดในหัวข้อนี้ $ npm install bowerคุณจะพบคำสั่ง สิ่งนี้จะติดตั้งbowerบนเครื่องของคุณ หลังจากติดตั้งbower แล้วคุณสามารถติดตั้ง Bootstrap ได้อย่างง่ายดาย

นี่คือวิดีโอสอนเกี่ยวกับเรื่องนี้