2012-04-22 38 views
7

Tôi đang sử dụng Bootswatch Cyborg theme của Twitter Bootstrap library. Tuy nhiên, chủ đề Cyborg có màu nền tối và màu nền trước, một cái nhìn tiêu cực từ mặc định Bootstrap. Biểu tượng thiết lập PNG giả định một nền sáng, và không hiển thị trong chủ đề Cyborg. Có một bộ biểu tượng tương ứng cho nền tối không? Tôi không thể tìm thấy một trên trang web Glyphicons '. Có một mẹo dễ dàng để biến các biểu tượng thành màu tiêu cực?Làm cách nào để biểu tượng Bootstrap hoạt động trên nền tối?

Trả lời

17

Thêm lớp biểu tượng màu trắng vào biểu tượng khởi động của bạn và nó sẽ có màu trắng khi tối.

thích:

<i class="icon-search icon-white"></i> 

này làm việc cho Bootstrap 2 như đã thấy trong http://twitter.github.com/bootstrap/base-css.html

+0

Wow, tôi đã hoàn toàn bị bỏ qua đó. Cảm ơn bạn đã chỉ ra điều này! Có vẻ như tàu Bootstrap cũng có thư viện biểu tượng màu trắng. –

+1

Có cách nào tiêu chuẩn để thực hiện tương tự cho biểu tượng class = "close" không? – NPC

+0

Giả sử bạn đang nói về .close trong các modals và vẫn nói về boostrap 2: The x in .close là một biểu tượng phông chữ chứ không phải biểu tượng. Bạn có thể thiết lập màu của nó bằng cách áp dụng một quy tắc màu đơn giản: css. – guax

Các vấn đề liên quan