Hướng dẫn bootstrap css reddit - bootstrap css reddit

Tôi có một ứng dụng Laravel mà tôi bắt đầu xây dựng trong Bootstrap 4 bằng cách sử dụng chủ đề UI Noble. Nó đã hoạt động, và tôi quen thuộc với Bootstrap và tất cả các plugin khác nhau thường được sử dụng, như SELECT2, Toastr và các thư viện biểu đồ khác nhau. Tôi có thể di chuyển nhanh với những công nghệ đó.

Nhược điểm là tôi co rúm lại bằng cách sử dụng bootstrap vì nó chỉ cảm thấy rất cũ đối với tôi. Một số thiết kế tôi đã thấy khi sử dụng Tailwind rất nhiều ... tốt hơn. Không phải nói rằng bạn không thể làm điều gì đó tương tự với Bootstrap, nhưng bạn có được những gì tôi đang nói.

Dù sao, tôi đã bắt đầu xây dựng lại ứng dụng bằng Tailwind, nhưng tôi bắt đầu tự hỏi liệu đó có phải là một ý tưởng tồi không. Tôi đã dành phần tốt hơn trong vài ngày chỉ để cố gắng thực hiện một cú thả xuống đa hướng có thể tìm kiếm mà tôi có thể đứng dậy sau 30 giây trong Bootstrap.

Tôi không thể đổ lỗi hoàn toàn theo sau Tôi đang cố gắng làm nhanh hơn nhiều, nhưng tôi đã có thể sử dụng select2 trong bootstrap với LiveWire và có được điều đó và chạy ngay lập tức. Tôi đang tự hỏi nếu hệ sinh thái cho Tailwind có thể không hoàn toàn ở đó chưa, tôi thấy mình đang nghĩ, nếu thực hiện menu Chọn là khó khăn với tôi, nó sẽ như thế nào khi tôi bắt đầu sử dụng một cái gì đó như thư viện biểu đồ hoặc thứ gì đó. Tiết lộ đầy đủ, tôi chưa cố gắng sử dụng select2 JS và chỉ tự mình tạo kiểu cho Tailwind, vì vậy tôi cũng đang xem xét làm điều đó. Nhưng vấn đề vẫn còn, nước trái cây có đáng để vắt không?

Tôi đang vật lộn với việc tôi nhấn vào Tailwind hay chỉ để thủng lưới và chuyển trở lại Bootstrap. Quan tâm nếu có ai khác gặp phải câu hỏi hóc búa này và những gì bạn sẽ làm trong tình huống này ..

• Bootstrap cung cấp cho bạn các thành phần được xác định trước, được xác định trước (tiêu đề, nút)

• Tailwind chỉ cung cấp cho bạn các tiện ích (mã thông báo phong cách) tuân thủ một chủ đề (ví dụ

Không có tiêu đề hoặc nút, kiểu trong Tailwind. Bạn phải tự mình soạn chúng với các tiện ích.

Cả hai đều giúp bạn nguyên mẫu thực sự nhanh chóng, vì vậy hãy chọn bất cứ thứ gì là tốt nhất cho công việc.

Tôi cảm thấy như Bootstrap là dành cho những người muốn làm càng ít CSS càng tốt và không biết cách xây dựng công cụ từ đầu. Tailwind dành cho những người hiểu cách CSS hoạt động nói chung nhưng không thể bận tâm đến việc xua đuổi tầng, BEM hoặc tính đặc hiệu và ai không muốn quyết định xem một văn bản có phải là 20 hay 21px.

Cá nhân tôi không thích bootstrap vì nó trông thật kinh khủng. Nếu bạn tùy chỉnh nó để trông hoàn toàn khác nhau, rất có thể bạn sẽ viết CSS khủng khiếp ghi đè mà không quy mô tốt. Vì vậy, nếu bạn có kế hoạch ném ứng dụng của bạn đi hoặc ngoại hình không phải là ưu tiên, bootstrap vẫn ổn. Đối với bất cứ điều gì khác: Tailwind.

Có một cách đúng đắn để làm theo dõi và có một cách khủng khiếp để làm điều đó. Nếu bạn trích xuất các lớp tiện ích vào các tệp SCSS, sử dụng @apply để nhóm các lớp tiện ích và truyền chúng trong các nhóm đó qua nhiều dòng, bạn sẽ làm đúng. Chúc mừng.

Nhưng hầu hết mọi người chỉ spam từ 20 đến 40 và đôi khi nhiều lớp tiện ích hơn trong một dòng và nghĩ rằng họ đang làm tốt công việc.in one line and think they're doing a good job.

Là một người yêu CSS và một người thực sự giỏi về CSS: phiếu bầu cho Tailwind làm cho tôi thực sự, thực sự buồn. Bởi vì nó lừa dối, nó lười biếng, và nó chỉ đơn giản là xấu.

Phá vỡ dòng là tốt. Các lớp tiện ích nên được sử dụng hiếm khi. Tính đặc hiệu là được hiểu, không được bỏ qua.

Trong nhiều năm làm chuyên gia về mặt trước, tôi chưa bao giờ buồn vì bất kỳ công nghệ nào ... đó là một sự xúc phạm đến nghề nghiệp, thật khó để giải thích cho những người chỉ đơn giản là từ chối học CSS trước.

Và không, "Để sử dụng Tailwind, bạn cần biết CSS" không bay. Nói rằng chỉ cho thấy bạn không biết CSS. Bởi vì, nếu bạn đã làm, bạn sẽ không thấy bất kỳ nhu cầu nào về đuôi. Nó hoàn toàn thừa.

1. Nó thiếu tất cả tính đặc hiệu;

2. C trong CSS được hiển thị hoàn toàn vô nghĩa;

3. Đó là tất cả trong một dòng, tôi nghĩ rằng chúng tôi đã đồng ý ở đâu đó trong những năm 1970 mà chúng tôi không muốn có nhiều thứ trên một dòng;

4. Git cũng đồng ý, thực hiện một thay đổi nhỏ trong danh sách 20 lớp tiện ích của bạn và nó sẽ cho bạn biết toàn bộ dòng đã được thay đổi.

Và: nó chỉ là lười biếng. Điều đó không tệ cho tất cả các dự án, có bằng chứng nhanh về khái niệm của bạn, ai quan tâm. Nhưng đối với tình yêu của tất cả những gì tốt đẹp trên web, hãy tránh nó trong môi trường sản xuất lớn.

Tác dụng phụ tồi tệ hơn là bạn sẽ xa lánh những người thực sự biết họ đang làm gì. Bạn sẽ bị bỏ lại với những chàng cao bồi, những người không biết cưỡi ngựa và chỉ xâu vào nhau 50 con ngựa và chạy qua chúng mặc 50 Spurs trên đôi chân của họ.

Downvote tôi tất cả những gì bạn muốn để đưa ra ý kiến, tôi mong đợi nhiều người trong số họ nhìn vào phiếu bầu, nhưng tôi tin rằng việc tập trung vào Tailwind sẽ không phải là một ý tưởng tốt cho sự nghiệp của bất kỳ ai.

Nhưng mà.Vâng, tôi biết rằng có @apply và điều đó giải quyết nhiều vấn đề, nhưng hầu hết mọi người không sử dụng điều đó và nghĩ rằng việc gửi thư rác 40 lớp tiện ích được sắp xếp ngẫu nhiên trong một yếu tố là A-OK.

Vui lòng học CSS, học SCSS, học bootstrap, học đuôi và sử dụng bộ não của bạn, mọi người.Nếu bạn có màn hình 4K và bạn phải cuộn theo chiều ngang trong IDE của mình để xem tất cả các lớp tiện ích, bạn sẽ làm sai.