Twitter Bootstrap - chỉ dành cho phiên bản di động?

Question

Tôi đang tạo trang web cho khách hàng cần có phiên bản dành cho thiết bị di động. Họ đã có một trang web ngay bây giờ mà họ muốn giữ, nhưng chỉ đơn giản là muốn một phiên bản di động hoàn toàn khác nhau - vì vậy, tôi đã tự hỏi nếu Twitter Bootstrap có thể được cắt nhỏ xuống, để nó chỉ sử dụng các khía cạnh di động của khuôn khổ?

Xin lỗi nếu câu hỏi của tôi không có ý nghĩa, nếu không, hãy hỏi thêm bất kỳ câu hỏi nào và tôi sẽ cố gắng giải thích rõ hơn về bản thân mình. Để tóm tắt, tôi chỉ muốn thiết kế phiên bản di động của một trang web bằng cách sử dụng Twitter Bootstrap, nhưng CHỈ là phiên bản di động - không cần phiên bản dành cho máy tính để bàn vì phiên bản trên máy khách đã tồn tại.

Answer 1

Như Robin2k đã đề cập, tệp 'bootstrap-responsive.css'/'bootstrap-responsive.min.css' sẽ làm cho trang web của bạn hoạt động tốt trên hầu hết các thiết bị di động.

Nếu bạn muốn đốn kịch bản chỉ để giảm thời gian tải, lời khuyên tốt nhất tôi có thể cung cấp cho bạn là:

1. Hãy chắc chắn để sử dụng các tập tin .min.css và .min.js, họ đáng kể nhỏ hơn

2. hãy thử CloudFlare, họ sẽ nhớ cache và nén file bootstrap của bạn để làm cho trang web của bạn tải nhanh hơn đáng kể

Answer 2

Tôi đã tìm thấy bài viết thú vị này. Bạn nên đọc nó.

http://www.kendoui.com/blogs/teamblog/posts/13-01-22/responsive_design_with_twitter_bootstrap.aspx

Answer 3

bạn có thể sử dụng Twitters rằng tài sản mà chỉ hiển thị các yếu tố trên kích thước điện thoại di động. sau đó kích thước của trang sẽ tăng lên, nó sẽ ẩn tất cả các trang. và không ai có thể nhìn thấy nó trên phiên bản máy tính để bàn. http://twitter.github.io/bootstrap/scaffolding.html#responsive

Answer 4

Bạn chắc chắn chỉ có thể sử dụng các phần di động của Twitter Bootstrap làm điểm bắt đầu.

Câu hỏi quan trọng hơn là: mục đích của trang web di động riêng biệt là gì? Tại sao người dùng lại muốn nội dung khác trên điện thoại của họ so với máy tính xách tay hoặc máy tính để bàn? Cách thân thiện nhất trong tương lai sẽ là làm cho trang web hiện tại đáp ứng/thích nghi để nội dung tương tự ở đó, nhưng được điều chỉnh cho các màn hình nhỏ hơn.

Chỉ cần 2c của tôi, nhưng bạn chắc chắn có thể cắt bỏ các phần của Bootstrap mà bạn không thích.

Answer 5

Đối với khách hàng muốn một trang web dành cho thiết bị di động cung cấp trải nghiệm khác hoàn toàn có thể hiểu được. Việc truy cập trang web qua điện thoại di động so với máy tính để bàn trình bày hai trường hợp sử dụng và tùy thuộc vào các trường hợp sử dụng đó, có thể có các tính năng của trang web mà người dùng sẽ quan tâm hoặc không quan tâm tùy thuộc vào thiết bị mà họ sử dụng để truy cập. Do đó, một kích thước phù hợp với tất cả không phải lúc nào cũng là lựa chọn tốt nhất.