Làm cách nào để tùy chỉnh bootstrap trong ứng dụng sao băng?

Question

Meteor là rất tốt, và hỗ trợ bootstrap sử dụng một 'gói thông minh' có thể được bao gồm như sau:

meteor add bootstrap 

và sau đó là css, javascript, và hình ảnh được một cách kỳ diệu bao gồm trong thời gian chạy trong trình duyệt. Đó là tuyệt vời, nhưng tôi muốn tùy chỉnh bootstrap để không giống như mọi trang web bootstrap khác trên mạng. Thông thường tôi sẽ sử dụng chức năng bootstrap customize, nhưng không có sẵn ở đây. Cách tốt nhất để tôi áp dụng các tùy chỉnh để khởi động trong bối cảnh thiên thạch là gì?

Điều này đặc biệt lý tưởng nếu tôi có thể tạo tệp LESS từ trình tùy chỉnh Bootstrap, đưa nó vào thư mục của tôi và đã thực hiện với nó. Nó chỉ ra rằng Bootswatch tạo CSS messes lên bố trí chất lỏng, và bên cạnh đó, bất kỳ bên thứ ba sẽ được ra khỏi ngày sớm hơn là sau này.

Answer 1

Vâng, có vẻ như giải pháp cũng đơn giản như nó được kết nối. Tôi đã có thể ghi đè lên các giá trị mặc định bằng cách đơn giản bao gồm một tệp css trong thư mục gốc của ứng dụng sao băng của tôi. Tôi đã xảy ra để sử dụng một tập tin css đóng hộp từ Bootswatch, nhưng tôi đoán ai có thể cuộn này lên bằng tay là tốt.

Answer 2

Tôi đã kết thúc xóa gói khởi động sao băng hoàn toàn và cài đặt nó dưới dạng git submodule trong phạm vi packages.

Tôi đã tự tạo gói git repo đóng gói riêng của mình meteor-bootstrap mà tôi cũng đã thêm tệp package.js với hướng dẫn về tệp tôi muốn sử dụng. (Xem chi nhánh meteor-packaged).

Tôi đã làm điều này để có thể thay đổi các biến Bootstrap và sử dụng các hỗn hợp LESS một cách tự do, và không bao gồm mọi tệp JS Bootstrap đơn lẻ.

Answer 3

Tôi đã tạo tập lệnh shell để tạo gói Meteor khởi động tùy chỉnh từ bản phân phối được biên dịch trước hoặc bản sao của riêng bạn trong kho lưu trữ Bootstrap Git.

Bạn có thể tìm thấy nó ở đây, cùng với thông tin sử dụng: https://github.com/wojas/meteor-package-bootstrap

Answer 4

Liên kết này cung cấp một cách tốt và thông minh hơn để sử dụng bootstrap với Meteor. Tùy chỉnh được thực hiện thông qua các biến và cũng thông qua mixin. Bạn có thể thử nó nếu bạn muốn.

---

https://www.manuel-schoebel.com/blog/meteorjs-and-twitter-bootstrap-the-right-way