Không sử dụng bootstrap

Tại W3Schools, bạn sẽ tìm thấy một tài liệu tham khảo Bootstrap đầy đủ về tất cả các lớp CSS, Thành phần và plugin JavaScript - tất cả đều có các ví dụ "Tự dùng thử"

Bootstrap Chủ đề / Mẫu

Chúng tôi đã tạo một số Mẫu Bootstrap mà bạn có thể sử dụng. Chúng hoàn toàn miễn phí để sử dụng

Bootstrap 5 so với. Bootstrap 3 & 4

Hướng dẫn này tuân theo Bootstrap 3, được phát hành vào năm 2013. Tuy nhiên, chúng tôi cũng bao gồm các phiên bản mới hơn;

Bootstrap 5 là phiên bản mới nhất của Bootstrap; . Nó hỗ trợ các bản phát hành ổn định, mới nhất của tất cả các trình duyệt và nền tảng chính. Tuy nhiên, Internet Explorer 11 trở xuống không được hỗ trợ

Sự khác biệt chính giữa Bootstrap 5 và Bootstrap 3 & 4 là Bootstrap 5 đã chuyển sang JavaScript thay vì jQuery

Ghi chú. Bootstrap 3 và Bootstrap 4 vẫn được nhóm hỗ trợ để sửa các lỗi quan trọng và thay đổi tài liệu, và hoàn toàn an toàn khi tiếp tục sử dụng chúng. Tuy nhiên, các tính năng mới sẽ KHÔNG được thêm vào chúng

Đối với nhiều nhà phát triển web, Bootstrap là cách tốt nhất khi bạn phải tạo Trang web hoặc Ứng dụng. Nhưng trong 5 năm tôi làm trang web, tôi đã tìm thấy những thứ khiến tôi thay đổi hoàn toàn quyết định sử dụng Bootstrap và tôi đã thay đổi gần như hoàn toàn cách tạo trang web.

Xin chào. Tên tôi là Codedgar và hôm nay tôi muốn nói về lý do tại sao tôi không sử dụng Bootstrap nữa. Vì đây là câu hỏi mà sinh viên, đồng nghiệp và mọi người nói chung đã hỏi tôi rất nhiều trong thời gian gần đây. Tại sao tôi không sử dụng Bootstrap?

Hãy bắt đầu với lịch sử của tôi (Tôi sẽ nói ngắn gọn, hứa với C. ) Khi tôi bắt đầu làm công việc phát triển web giao diện người dùng, điều đầu tiên tôi bắt gặp là Bootstrap. Và với điều đó, tôi nghĩ rằng tôi đã thành thạo việc phát triển giao diện người dùng, nó rất dễ sử dụng, nhanh chóng và nó có rất nhiều thành phần. Tốt đẹp

Nhưng khi công việc của tôi tiến triển và các trang web ngày càng trở nên tùy chỉnh hơn, tôi bắt đầu thấy Bootstrap hơi không hữu ích và đó là lúc tôi đi đến kết luận tại sao tôi sẽ không sử dụng Bootstrap trong các tác phẩm mới của mình

Để dễ hiểu hơn, tôi đã chia bài đăng này thành các lý do tại sao tôi không sử dụng nó, hãy tận hưởng

1- Trọng lượng
2- Thành phần và Tiện ích
3- Kiểu dáng

1- Trọng lượng

"Trọng lượng? Nhưng Bootstrap nhỏ hơn 500KB". Vâng, tôi biết điều đó. Nhưng hãy xem xét chúng ta thực sự sử dụng bao nhiêu Bootstrap. Và sử dụng Bootstrap có nghĩa là bạn cũng phải sử dụng jQuery, vì vậy nếu bạn tạo trang đích bằng Bootstrap, bạn sẽ phải sử dụng jQuery, Bootstrap CSS và Bootstrap JS. Tất cả các tài nguyên này sẽ không được sử dụng dù chỉ một nửa nếu bạn sử dụng Bootstrap. Và điều đó đưa tôi đến vấn đề tiếp theo của tôi

2- Linh kiện

"Thiếu?" . Bootstrap có rất nhiều thành phần và tiện ích, đến nỗi bạn gần như chắc chắn sẽ không bao giờ sử dụng dù chỉ một nửa trong số chúng. Và bạn có thể tranh luận rằng với NodeJS, bạn chỉ có thể biên dịch và sử dụng CSS mà trang web sử dụng, nhưng với HTML đơn giản cho một máy chủ có Cpanel, điều này là không thể (Ít nhất là tôi biết). Vì vậy, có rất nhiều thành phần mà bạn có thể sẽ không sử dụng và dù sao thì chúng vẫn ở đó

Đây không chỉ là vấn đề của Bootstrap mà còn của nhiều framework tôi từng thấy, như Materialize hoặc UiKit, nơi có những thành phần mà hầu hết mọi người sẽ không sử dụng và có những lớp chỉ có thể được chia thành một kiểu, chẳng hạn như

modal-top-left{top. còn 5. 5%}

Và cứ thế cho modal-top-right, modal-bottom-left, modal-bottom-right. Nếu bạn muốn thay đổi vị trí của phương thức, bạn hoàn toàn có thể làm điều đó chỉ với một lớp, việc thêm các lớp này thật ngu ngốc

3- Tạo kiểu

Mặc dù Bootstrap rất dễ sử dụng nhưng không dễ tùy chỉnh như bạn nghĩ. Một số thành phần sẽ yêu cầu bạn sử dụng. quan trọng nhiều lần, điều này không lý tưởng khi tạo CSS. Và việc phải ghi đè các kiểu mặc định của Bootstrap cũng giống như việc bạn phải tạo CSS của riêng mình từ đầu

Tôi sẽ sử dụng cái gì sau đó?

Hầu hết mọi người tại thời điểm này chỉ nói "Vậy thì sao? Bạn tạo CSS từ đầu và không sử dụng bất kỳ khuôn khổ nào?" . Khung tôi sử dụng được gọi là Flexbox Grid và nó chỉ đi kèm với các cột và hàng, không có gì hơn. Và nó chỉ nặng 1. 9KB. Vì vậy, trên một trang web có 1 trang chủ và 4 trang con, tổng CSS (bao gồm cả Flexbox Grid) chỉ là 5KB. Đối với tôi, đó là nhanh chóng đáng kinh ngạc

Và tôi có nên sử dụng Bootstrap không?

Chà, có một điều tôi không thể phủ nhận và đó là nếu bạn cần phát triển thứ gì đó cực kỳ nhanh, bạn có thể sử dụng Bootstrap. Và nếu bạn đang suy nghĩ liệu mình có nên hay không nên sử dụng Bootstrap, hãy tự hỏi bản thân

1- Tôi sẽ sử dụng một số thành phần của Bootstrap chứ?
2- Tôi có đang vội phát triển giao diện người dùng này không?
3- Thiết kế có

Nếu câu trả lời của bạn là. Có, có, và không;

Thêm. Tôi có ghét Bootstrap không?

Dĩ nhiên là không. Tôi nghĩ rằng thật tuyệt vời khi phát triển các trang web nhanh hơn và dễ dàng hơn, nhưng tôi sẽ không sử dụng nó nữa vì tôi thích tự tạo các thành phần của riêng mình và thủ công hầu hết mọi thứ bằng tay. Tôi biết rằng Bootstrap sẽ tồn tại và vẫn được nhiều người sử dụng, và điều đó hoàn toàn ổn. )