tôi đã sử dụng một sự kết hợp các giải pháp nêu trên để phù hợp với nhu cầu của tôi (tôi đã sử dụng chỉ hệ thống lưới điện, mọi thứ khác đã có sẵn)
/* *,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*/
[class^="container-"],
[class^="container-"] *,
[class^="col-"],
[class^="col-"] *,
[class^="row"],
[class^="row"] * {
box-sizing:border-box;
}
Lưới đang lấy quá nhiều lề và đệm vì vậy tôi thay thế tất cả các
padding-right:15px;
padding-left:15px;
margin-left=-15px;
margin-right=-15px;
đến (Tôi nhận xét ra bên lề)
.row {
/* margin-left: -15px;
margin-right: -15px;*/
}
và
.col, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 5px;
padding-right: 5px;
}
Tôi đang sử dụng CodeMirror. Nó trở nên điên rồ với 'hộp kích thước: hộp biên giới'. Tôi có nên hiểu những gì sai trong tất cả các thành phần của bên thứ ba mà tôi sử dụng, hay đó là một Bootstrap để đổ lỗi? –
Tôi phải đồng ý với @ polkovnikov.ph. Tôi đang gặp vấn đề tương tự với thư viện lịch trình DHTML vì Twitter đang ghi đè css được tạo bởi các tập lệnh. Nếu tôi tắt kích thước hộp tất cả mọi thứ hiển thị như nó cần, với lịch. –
@TomT Tôi đã quan tâm đến lý do tại sao 'box-sizing' được thiết lập theo cách đó trong Bootstrap. Đó là tính năng "musthave" để làm cho cột hoạt động. CodeMirror đã thêm một 'box-sizing' rõ ràng vì tôi đã viết nhận xét đó. Có vẻ như việc sửa chữa khả thi duy nhất là làm cho mã bị phá vỡ 'hộp-sizing'-agnostic. –