Có giao diện người dùng ngữ nghĩa tương đương với lớp .container của Bootstrap không?

Question

Đã sử dụng Twitter Bootstrap một thời gian và luôn muốn nhiều hơn trong cách thức của các tính năng dành cho quản trị viên giao diện người dùng, tôi đã quyết định thử dùng thử Semantic UI. Các tài liệu ngữ nghĩa ít ngắn gọn hơn nhiều so với Bootstrap, nhưng mỗi công cụ riêng lẻ lại khá dễ thực hiện. Tuy nhiên, tôi đã bắt đầu tạo giao diện người dùng cơ bản để thử Giao diện người dùng ngữ nghĩa và tôi đang gặp khó khăn trong việc tìm ra một số nội dung cơ bản, như sử dụng như một sự thay thế phù hợp cho số .container của Bootstrap, v.v.

Answer 1

Tác giả giao diện người dùng ngữ nghĩa tại đây. Tôi sẽ thêm một lớp container chung trong bản phát hành nhỏ tiếp theo.

Answer 2

semantic-ui hoạt động khác nhau trong khi mong đợi về hệ thống lưới và lớp ui page grid tạo ra cách tiếp cận tương tự như bootstrap. Bạn có thể xem mẫu ví dụ này quá http://ehkoo.github.io/semantic-ui-examples/jumbotron trong mẫu bạn có thể thay đổi các lớp để kiểm tra ở đâu. Khi lớp ui grid được áp dụng, nó có chiều rộng đầy đủ và với ui page grid nó hoạt động với chiều rộng 992px với padding-right và padding-left. bạn có thể tìm thấy những phương tiện truyền thông truy vấn cho màn hình min-width 992px:

@media only screen and (min-width: 992px) { 
    .ui.page.grid { 
     padding: 0 8%; 
    } 
} 

Bên cạnh đó, có một vấn đề mà bạn có thể làm theo. Link: https://github.com/Semantic-Org/Semantic-UI/issues/175

Và Bạn có thể làm theo các trang tài liệu: http://semantic-ui.com/collections/grid.html

Tôi không biết nếu đó là hữu ích cho bạn hay không.