2013-08-30 31 views
31

Bootstrap là no longer there trong phiên bản 3.bootstrap 3 border-radius ít mixin đi <code>.border-radius()</code> mixin

tôi đang làm việc về chuyển đổi codebase và suy nghĩ của tôi về sự thiếu sót này là khá lạ. Có .border-radius đã được thay thế bằng một số mixin khác không? Việc sử dụng nó có được khuyến khích không, và nếu có thì tại sao?

+0

Rất lạ. Tôi sẽ không tưởng tượng họ sẽ thay thế nó, không thực sự có bất kỳ phương pháp tốt hơn để hoàn thành một bán kính biên giới, và họ để lại duy nhất trong đó. Bạn có thể có thể chỉ cần lấy một bản sao cũ và ném nó vào tập tin của bạn ít hơn nếu bạn muốn. – brbcoding

+0

vâng, việc sửa chữa nó không khó. Tôi quan tâm nhiều hơn về lý do khiến nó bị xóa. Có vẻ như nó không thể vô ý. – mkoryak

Trả lời

41

Aha! Tôi đã tìm câu trả lời ...

Xóa .border-radius().border-*-*-radius mixins. Vì chỉ các trình duyệt dành cho máy tính để bàn Android 2.1, iOS 3.2 và cũ hơn yêu cầu phiên bản có tiền tố, chúng tôi đã xóa bản mix cơ bản. Vì chúng tôi không còn yêu cầu tiền tố cho các góc độc lập nữa, nên chúng tôi cũng đã loại bỏ các kết hợp đó. Kết hợp cho một mặt hàng đơn là , như .border-left-radius, vẫn có sẵn.

Từ TWBS Pull 6342, cụ thể dưới thay đổi LESS.

+0

cảm ơn. một điều rất hữu ích để biết thực sự :) – mkoryak

+3

đã nói ở trên khả năng tương thích ngược chỉ để được trên cạnh chảy máu không làm cho tinh thần kinh doanh. phải là một nhà phát triển gọi trên đó. – TugboatCaptain

0

Tôi đã làm điều này cho một div để có các góc tròn. border-radius dường như không hoạt động trừ khi tôi thêm border-collapse trước border-radius.

border-collapse: initial/inherit worked for me; 

border-radius: 10px; 

hy vọng điều này sẽ giúp ai đó. Bạn có thể tìm thêm thông tin Here với lời giải thích chi tiết hơn