Tôi đã tìm kiếm rất nhiều nhưng không thể tìm thấy bất cứ điều gì! Tôi làm nó như thế nào? Có thư viện nào hay đại loại như vậy hoặc bất kỳ sửa lỗi?Làm cách nào để đưa các bảng bootstrap 3 vào trang web bootstrap 2?
8
A
Trả lời
11
Các bảng trong Bootstrap 3 chỉ được xây dựng bằng CSS. Bạn sẽ tìm thấy mã trong vòng chưa/panels.less
Để làm cho nó dễ dàng cho mình: panels.less mở một thêm dòng dưới đây ở phía trên cùng của tập tin này:
@import "variables.less";
@import "mixins.less";
Biên dịch tập tin này với bất kỳ ít trình biên dịch để css. Sao chép kết quả trong tài liệu BS2 của bạn bên dưới CSS của Bootstrap.
Tiêu đề bảng điều khiển (h3) có một line-height 40px từ BS2 Css, áo thêm một dòng thêm css để hoàn tác này: .panel-heading > h3 {line-height:20px;}
.
Bạn cũng có thể sao chép các bảng.không cần đến Bootstrap 2 của Twitter ít hơn và nhập nó vào bootstrap.less và biên dịch nó. Trong trường hợp này, hãy sao chép các biến của bảng từ biến.less đến variables.less của Bootstrap 2 ít nhất.
Các vấn đề liên quan
- 1. Làm thế nào để sử dụng Twitter Bootstrap 3 cho trang web không đáp ứng?
- 2. Bootstrap 3 và Chân trang Chú ý
- 3. Tổ chức 3 cột 2 cột trong Twitter Bootstrap 3
- 4. Bootstrap 3 - footer nổi
- 5. Các nút hoạt động với Bootstrap 3
- 6. Làm thế nào để sử dụng bootstrap-theme.css với bootstrap 3?
- 7. Bootstrap 3: Thanh cuộn
- 8. Làm cách nào để sử dụng Bootstrap với Django?
- 9. hộp bóng trên bootstrap 3 container
- 10. Làm cách nào để đưa CSS vào trang chính?
- 11. Làm cách nào để căn giữa các liên kết thanh điều hướng 3 bootstrap Twitter này?
- 12. Làm cách nào để tách các hình ảnh này bên trong hệ thống lưới Bootstrap 3?
- 13. Hộp kiểm Bootstrap 3 + simple_forms
- 14. Làm thế nào tôi có thể tải về các ví dụ từ trang web bootstrap twitter
- 15. Bảng 3.x của Bootstrap với chiều cao 100%
- 16. Áp dụng các kiểu cho các bảng với Twitter Bootstrap
- 17. Làm thế nào để tắt tính năng đáp ứng hoàn toàn từ Twitter Bootstrap 3?
- 18. popovers Bootstrap không làm việc trong bảng
- 19. Sự khác nhau giữa Bootstrap, Twitter Bootstrap và Bootstrap 3 là gì?
- 20. 4 cột 2 cột với Twitter Bootstrap
- 21. onclick vào nút bootstrap
- 22. Trung tâm Twitter Bootstrap 3 Glyphicons trong các nút
- 23. Bootstrap 2 - set thoại/modal vị trí
- 24. Làm cách nào để đưa dữ liệu vào Trang chủ?
- 25. Làm cách nào để thay đổi chiều rộng thanh điều hướng/vùng chứa? Bootstrap 3
- 26. Cách sử dụng hệ thống lưới Bootstrap 3 với thành phần bảng?
- 27. Twitter bootstrap 3 đáp ứng nhưng phải được sửa
- 28. Twitter Bootstrap 2 phương thức dưới dạng các hộp thoại
- 29. Twitter Bootstrap 2, sụp đổ-nav
- 30. Làm cách nào để có bố cục đáp ứng 16 cột với Twitter Bootstrap 2?
Mở css bootstrap và sao chép tất cả css liên quan thành 2? – RaphaelDDL
Tùy chỉnh/biên dịch bootstrap 3 chỉ với các bảng. Sau đó kiểm tra nếu nó xung đột với bootstrap 2 css/js trong hướng dẫn sử dụng và tùy chỉnh/biên dịch bootstrap 2 mà không có các thành phần xung đột. Sao chép css từ tệp bootstrap 3 vào tệp bootstrap 2. – Dany