Hướng dẫn bootstrap 5.1 overlay - lớp phủ bootstrap 5.1
Mặc dù các trang bắt đầu cung cấp một chuyến tham quan giới thiệu về dự án và những gì nó cung cấp, tài liệu này tập trung vào lý do tại sao chúng tôi làm những việc chúng tôi làm trong Bootstrap. Nó giải thích triết lý của chúng tôi để xây dựng trên web để những người khác có thể học hỏi từ chúng tôi, đóng góp với chúng tôi và giúp chúng tôi cải thiện. Show Nhìn thấy một cái gì đó không có vẻ đúng, hoặc có lẽ có thể được thực hiện tốt hơn? Mở một vấn đề mà chúng tôi rất thích thảo luận với bạn. Bản tóm tắtChúng tôi sẽ đi sâu vào từng điều này nhiều hơn, nhưng ở cấp độ cao, ở đây, những gì hướng dẫn cách tiếp cận của chúng tôi.
Phản ứng nhanh nhẹnCác phong cách đáp ứng của Bootstrap, được xây dựng để đáp ứng, một cách tiếp cận mà Lọ thường được gọi là đầu tiên trên thiết bị di động. Chúng tôi sử dụng thuật ngữ này trong tài liệu của chúng tôi và phần lớn đồng ý với nó, nhưng đôi khi nó có thể quá rộng. Mặc dù không phải mọi thành phần phải hoàn toàn đáp ứng trong Bootstrap, nhưng cách tiếp cận đáp ứng này là về việc giảm quá trình ghi đè CSS bằng cách đẩy bạn thêm kiểu khi chế độ xem trở nên lớn hơn. Trên khắp Bootstrap, bạn sẽ thấy điều này rõ ràng nhất trong các truy vấn truyền thông của chúng tôi. Trong hầu hết các trường hợp, chúng tôi sử dụng các truy vấn Đôi khi chúng tôi sẽ sử dụng Các lớp họcBên cạnh việc khởi động lại của chúng tôi, một phong cách chuẩn hóa chéo trình duyệt, tất cả các phong cách của chúng tôi nhằm mục đích sử dụng các lớp làm bộ chọn. Điều này có nghĩa là điều khiển các bộ chọn loại (ví dụ: Do đó, các thành phần nên được xây dựng với một lớp cơ sở chứa các cặp giá trị tài sản phổ biến, không được ghi đè. Ví dụ, Các lớp sửa đổi chỉ nên được sử dụng khi có nhiều thuộc tính hoặc giá trị được thay đổi trên nhiều biến thể. Các công cụ sửa đổi không phải lúc nào cũng cần thiết, vì vậy hãy chắc chắn rằng bạn thực sự lưu các dòng mã và ngăn chặn các ghi đè không cần thiết khi tạo chúng. Ví dụ tốt về các sửa đổi là các lớp màu chủ đề của chúng tôi và các biến thể kích thước. Thang điện Z-Chỉ sốCó hai thang đo Các yếu tố thành phần
Lớp phủ thành phầnBootstrap bao gồm một số thành phần hoạt động như một lớp phủ của một số loại. Điều này bao gồm, theo thứ tự Mỗi thành phần lớp phủ tăng giá trị Tìm hiểu thêm về điều này trong trang Bố cục HTML và CSS trên JSBất cứ khi nào có thể, chúng tôi thích viết HTML và CSS qua JavaScript. Nói chung, HTML và CSS có nhiều người phát triển hơn và dễ tiếp cận hơn đối với nhiều người thuộc mọi cấp độ kinh nghiệm khác nhau. HTML và CSS cũng nhanh hơn trong trình duyệt của bạn so với JavaScript và trình duyệt của bạn thường cung cấp rất nhiều chức năng cho bạn. Nguyên tắc này là API JavaScript hạng nhất của chúng tôi bằng các thuộc tính Cuối cùng, phong cách của chúng tôi xây dựng dựa trên các hành vi cơ bản của các yếu tố web chung. Bất cứ khi nào có thể, chúng tôi thích sử dụng những gì trình duyệt cung cấp. Ví dụ: bạn có thể đặt một lớp Điều tương tự cũng xảy ra đối với các thành phần phức tạp hơn. Mặc dù chúng tôi có thể viết plugin xác thực biểu mẫu của riêng mình để thêm các lớp vào phần tử cha dựa trên trạng thái đầu vào, do đó cho phép chúng tôi tạo kiểu văn bản nói màu đỏ, chúng tôi thích sử dụng ________ 36/________ 37 Các yếu tố giả mà mỗi trình duyệt cung cấp cho chúng tôi. Tiện íchCác lớp tiện ích Trợ giúp về Formly trong Bootstrap 3, là một đồng minh mạnh mẽ trong việc chống lại CSS Bloat và hiệu suất trang kém. Một lớp tiện ích thường là một cặp có giá trị thuộc tính bất biến, duy nhất được thể hiện dưới dạng một lớp (ví dụ: Cụ thể liên quan đến CSS tùy chỉnh, các tiện ích có thể giúp chống lại việc tăng kích thước tệp bằng cách giảm các cặp giá trị thuộc tính được lặp lại phổ biến nhất của bạn thành các lớp đơn. Điều này có thể có một hiệu ứng mạnh mẽ ở quy mô trong các dự án của bạn. HTML linh hoạtMặc dù không phải lúc nào cũng có thể, chúng tôi cố gắng tránh bị giáo điều quá mức trong các yêu cầu HTML của chúng tôi đối với các thành phần. Do đó, chúng tôi tập trung vào các lớp đơn trong các bộ chọn CSS của chúng tôi và cố gắng tránh các bộ chọn trẻ em ngay lập tức ( Quy ước mãHướng dẫn mã (từ người đồng sáng tạo Bootstrap, @MDO) Cách chúng tôi viết HTML và CSS của chúng tôi trên Bootstrap. Nó chỉ định các hướng dẫn cho định dạng chung, mặc định thông thường, đơn đặt hàng thuộc tính và thuộc tính, v.v. Chúng tôi sử dụng Stylelint để thực thi các tiêu chuẩn này và nhiều hơn trong SASS/CSS của chúng tôi. Cấu hình stylelint tùy chỉnh của chúng tôi là nguồn mở và có sẵn cho những người khác sử dụng và mở rộng. Chúng tôi sử dụng VNU-JAR để thực thi HTML tiêu chuẩn và ngữ nghĩa, cũng như phát hiện các lỗi phổ biến. |