Sử dụng bootstrap với bower

Tôi đang cố gắng sử dụng bootstrap với Bower, nhưng vì nó nhân bản toàn bộ repo, nên không có CSS ​​và các thứ khác.

Có nghĩa là tôi cần bao gồm việc xây dựng Bootstrap trong quá trình xây dựng của riêng mình? Hoặc nếu tôi sai, quy trình làm việc đúng là gì?

Cuối cùng tôi đã kết thúc bằng cách sử dụng như sau: bower install --save http://twitter.github.com/bootstrap/assets/bootstrap.zip

Có vẻ sạch hơn đối với tôi vì nó không sao chép toàn bộ repo, nó chỉ giải nén các yêu cầu cần thiết.

Nhược điểm của nó là phá vỡ triết lý bower vì bower updatesẽ không cập nhật bootstrap.

Nhưng tôi nghĩ nó vẫn sạch hơn sử dụng bower install bootstrapvà sau đó xây dựng bootstrap trong quy trình làm việc của bạn.

Tôi đoán đó là vấn đề lựa chọn.

Cập nhật: có vẻ như bây giờ họ đã phiên bản một thư mục dist (xem: https://github.com/twbs/bootstrap/pull/6342 ), vì vậy chỉ cần sử dụng bower install bootstrapvà trỏ đến các tài sản trong distthư mục

Có một gói bower bootstrap dựng sẵn được gọi là bootstrap-css. Tôi nghĩ rằng đây là những gì bạn (và tôi) đã hy vọng tìm thấy.

bower install bootstrap-css

Cảm ơn

Các tập tin css và js nằm trong gói: bootstrap/docs/assets/

CẬP NHẬT:

vì v3 có một distthư mục trong gói chứa tất cả css, js và phông chữ.

Một tùy chọn khác (nếu bạn chỉ muốn tìm nạp các tệp đơn lẻ) có thể là: pulldown . Cấu hình cực kỳ đơn giản và bạn có thể dễ dàng thêm các tệp / url của riêng mình vào danh sách.

giả sử bạn đã cài đặt npm và bower cài đặt trên toàn cầu

1. điều hướng đến dự án của bạn
2. bower init (điều này sẽ tạo tệp bower.json trong thư mục của bạn)
3. (sau đó tiếp tục nhấp vào có) ...

4. để đặt đường dẫn nơi bootstrap sẽ được cài đặt:
   tạo thủ công một .bowerrctệp bên cạnh tệp bower.json và thêm phần sau vào đó:

   {"thư mục": "công khai / thành phần"}

5. bower install bootstrap --save

Lưu ý: để cài đặt các thành phần khác:

 bower search {component-name-here}

Tôi đã kết thúc với một kịch bản shell mà bạn chỉ thực sự phải chạy một lần khi lần đầu tiên kiểm tra một dự án

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

Cũng nhớ rằng với một lệnh như:

bower search twitter

Bạn nhận được một kết quả với một danh sách của bất kỳ gói nào liên quan đến twitter. Bằng cách này, bạn sẽ cập nhật mọi thứ liên quan đến Twitter và Bower như biết rằng liệu có thành phần Bower hoàn toàn mới hay không.

Bạn đã cài đặt nodeJs trên hệ thống của mình để thực thi npmcác lệnh. Một khi npmlàm việc đúng cách bạn có thể truy cập bower.io. Ở đó bạn sẽ tìm thấy tài liệu đầy đủ về chủ đề này. Bạn sẽ tìm thấy một lệnh $ npm install bower. Điều này sẽ cài đặt Bower trên máy của bạn. Sau khi cài đặt Bower, bạn có thể cài đặt Bootstrap dễ dàng.

Đây là một video hướng dẫn về điều đó