Tôi đang sử dụng twitter bootstrap trong một dự án và trong khi xem lại tài liệu, tôi gặp phải một vấn đề rất kỳ quặc - nếu điều đó có thể được gọi.Vấn đề kết xuất bootstrap của twitter (kiểu dáng nút trong tài liệu khác với cách sử dụng cục bộ)
Trên http://twitter.github.com/bootstrap/base-css.html#buttons, có rất nhiều nút được hiển thị cạnh nhau. Họ dường như có khoảng cách, nhưng phong cách tính toán (trong Firefox và Safari, nơi tôi điều tra) là như sau:
margin-top: 0
margin-right: 0
margin-bottom: 0
margin-left: 0
này không nên làm vào một khoảng cách là 10 ~ px giữa các nút riêng biệt.
Phần đệm 9/14px dường như chỉ được sử dụng để hiển thị hình dạng nút.
Bây giờ khi tôi sử dụng twitter bootstrap trên dự án của riêng tôi, lề mà tôi nhìn thấy từ trang web docstrap twitter dường như không hoạt động cục bộ - các nút được dán vào nhau mà không có khoảng trắng. Điều này có thể được sửa chữa với một địa chỉ đơn giản margin, nhưng tôi tự hỏi tại sao nó khác với tài liệu. Ngoài ra: tại sao nó không hiển thị trong firebug hoặc các công cụ phát triển khác?
Tôi vẫn gặp sự cố khi tạo lại bản sao này trên bản sao phát triển khởi động cục bộ của tôi. Cảm ơn bạn rất nhiều vì lời giải thích của bạn. Dường như việc thêm kích thước phông chữ vào vùng chứa không thêm khoảng cách vào các nút, tôi có đang làm đủ không? – arvidkahl
Bạn phải nhắm mục tiêu tất cả các phần tử có thuộc tính 'font-size' chứa các nút của bạn. Ví dụ, trong bản demo bootstrap, thẻ 'html',' body' và 'p' đều có thuộc tính' font-size' được thêm vào chúng, vì vậy bạn phải đặt chúng thành 0 để kiểm tra, hoặc bạn có thể chỉ cần đặt 'font-size: 0' thành vùng chứa các nút của bạn và một' font-size' thành các phần tử, ví dụ '.container {font-size: 0; } .child-element {font-size: 16px} '. –
Cảm ơn sự hỗ trợ của bạn, trong khi kiểm tra đào tạo suy nghĩ của bạn, tôi đã gặp phải vấn đề thực tế của tôi - không có khoảng trắng giữa thẻ 'a'. Tôi đã không nghĩ về chúng như là nội dung văn bản, cách tiếp cận của bạn với kích thước phông chữ đã dẫn tôi đến đó. – arvidkahl