Làm thế nào để không gây rối phong cách khi sử dụng khung css

Question

Tôi đang sử dụng API Google Maps V3 với Twitter Bootstrap và đây là những gì tôi có. Điểm đánh dấu thậm chí không thể được công nhận là điểm đánh dấu và công cụ phóng to đã biến mất.

Dường như Twitter tăng cường đang làm rối loạn kiểu dáng của canvas bản đồ là có cách để loại trừ yếu tố không bị tạo kiểu bởi một khuôn khổ nhất định không? Hoặc đơn giản chỉ cần thiết lập lại kiểu dáng trên chỉ bản đồ vải để nó không bị ảnh hưởng bởi các stylesheet cho twitter bootstrap?

Dưới đây là một số mã ngoài phong cách từ twitter bootstrap:

<style type="text/css"> 
     html { height: 100% } 
     body{ height: 100%; margin: 0; padding: 0 } 
</style> 

Answer 1

Tôi tin rằng nó đã làm với họ thêm

img{ 
    max-width: 100%; 
} 

đề nghị sửa chữa được điều này:

#mapContainer img{ 
    max-width: none; 
} 

xem tại đây https://github.com/twitter/bootstrap/issues/1552

[cập nhật]

Hình như việc phát hành 2.0.4 nên giải quyết vấn đề này (Tôi đã không thử nó chỉ đi bằng change.log)

http://blog.getbootstrap.com/2012/06/bootstrap-2-0-4-released/

Answer 2

tôi đã cùng một vấn đề với Bootstrap + Google Maps. Tôi giả sử rằng bạn đang sử dụng các tệp CSS bổ sung (được thêm vào trong các tệp bootstrap của bạn), do đó, để "ghi đè" kiểu đó trong các hình ảnh chứa trong bộ chứa #map, hãy sử dụng một cái gì đó giống như mã bên dưới trong CSS của riêng bạn tệp:

#mapContainer img{ 
    max-width: none; 
} 

Cũng giống như subhaze nói. Nó làm việc tốt cho tôi.

Hy vọng điều này sẽ giúp bạn.