2013-05-26 13 views
14

Tôi đang cân nhắc sử dụng Twitter Bootstrap (TB) cho ứng dụng web di động. Phiên bản TB tiếp theo, version 3, tuyên bố là "di động đầu tiên". Tuy nhiên, nhìn vào các tập tin Javascript bao gồm, tôi thấy gần như độc quyền "bấm" sự kiện, hầu như không có bất kỳ "cảm ứng" sự kiện được sử dụng. TB dựa vào Jquery để xử lý các sự kiện. Ngoài ra, có rất nhiều định nghĩa "di chuột" trong CSS, không hoạt động trên màn hình cảm ứng. Mặc dù vậy, tôi tìm thấy nhiều đề xuất và hướng dẫn về cách sử dụng TB trong các ứng dụng web di động khi Googling.Twitter Bootstrap có phù hợp với màn hình cảm ứng không?

Câu hỏi của tôi là: Twitter Bootstrap hoạt động tốt như thế nào trên màn hình cảm ứng về hiệu suất (chủ yếu liên quan đến tốc độ và thời gian phản hồi)?

+1

Tôi đã sử dụng Twitter Bootstrap trong số các ứng dụng web di động và nó hoạt động khá thú vị. Tuy nhiên, định nghĩa di chuột sẽ không có ý nghĩa đối với thiết bị di động. –

+0

Có rất nhiều vấn đề được liệt kê ở đây liên quan đến menu thả xuống nav trên trang Bootstrap Github: https://github.com/twitter/bootstrap/issues/4550 Cá nhân tôi sẽ không sử dụng Bootstrap cho mục đích này, nhưng nếu tôi đã làm, tôi sẽ phải mất rất nhiều thời gian bằng cách sử dụng Media Queries để ẩn các thành phần Bootstrap không tương thích (xem liên kết ở trên cho các mục vi phạm). Lời khuyên của tôi là tìm nơi khác. NB: Tuy nhiên, như bạn đã nói, Bootstrap 3 đang đến lúc - Tôi chưa xem spec cho nó, vì vậy có thể có những cải tiến – adaam

+0

Twitter Bootstrap là một công cụ tuyệt vời và tôi thấy nó hoạt động tốt với thiết bị di động nhưng khi nó nói đến thời gian tải nó có rất nhiều tính năng tùy thuộc vào yêu cầu của bạn mà bạn có thể không cần. Và có lẽ một cách tiếp cận tùy chỉnh hơn sẽ giúp bạn tiết kiệm thời gian tải và giúp đỡ với tốc độ của sự vật. – Daimz

Trả lời

1

Tôi đã phát triển với Twitter Bootstrap (v2) cho một loạt ứng dụng web cũng được sử dụng trên nền tảng di động. Bạn phải ghi nhớ rằng Twitter Bootstrap không phải là một giải pháp đầy đủ cho tất cả các nhu cầu thiết kế. Nó "bootstraps" dự án của bạn vào không phải lo lắng về những điều nhất định.

Bootstrap v3 đã hứa sẽ thực hiện thêm "bootstrapping" cho nền tảng di động, nhưng điều này không có nghĩa là bạn sẽ không phải thực hiện một số phát triển nhất định cho bất kỳ nền tảng nào bạn muốn triển khai.

Trong trường hợp làm việc với Bootstrap v2, bạn có thể dễ dàng di chuyển xung quanh các phần tử nhất định bằng CSS đã cho và kiểu tùy chỉnh. Tốc độ của nó là tuyệt vời và khá nhiều thiết bị di động hiện đại có hỗ trợ tuyệt vời cho các truy vấn @media cho phép bạn dễ dàng nhắm mục tiêu các kích thước di động cụ thể. Ví dụ; Tôi sử dụng truy vấn phương tiện trong một tệp cụ thể để làm cho tất cả các nút chiếm toàn bộ chiều rộng để dễ dàng truy cập hơn trên thiết bị cảm ứng.

Cách xa Bootstrap v3, tôi rất tò mò vì Ứng viên phát hành đã không thực sự cho tôi thấy bất kỳ thứ gì thực sự thay đổi cách tôi phát triển cho thiết bị di động.

Hy vọng điều này sẽ giúp bạn.