Czy istnieje odpowiednik klasy Semantic dla klasy Bootstrap .container?

Question

Po pewnym czasie, korzystając z usługi Twitter Bootstrap i zawsze chcąc mieć więcej funkcji administracyjnych interfejsu użytkownika, postanowiłem spróbować pod numerem Semantic UI. Dokumenty semantyczne są dużo mniej zwięzłe niż dokumenty Bootstrapa, ale każde pojedyncze narzędzie jest dość łatwe do wdrożenia. Zacząłem jednak tworzyć podstawowy interfejs użytkownika, aby wypróbować interfejs semantyczny i mam problem z wymyśleniem podstawowych rzeczy, takich jak to, co można użyć jako odpowiedniego zamiennika Bootstrapa: .container, itp.

Answer 1

Autor Semantic UI tutaj. Będę dodawać ogólną klasę kontenerów w następnej, drugorzędnej wersji.

Answer 2

semantic-ui działa inaczej, oczekując od systemu grid, a klasa ui page grid tworzy podobne podejście, takie jak bootstrap. Możesz zobaczyć ten przykładowy szablon zbyt http://ehkoo.github.io/semantic-ui-examples/jumbotron gdzie w szablonie możesz zmienić klasy do przetestowania. Po zastosowaniu klasy ui grid, zajmuje ona pełną szerokość, a przy ui page grid działa dla szerokości 992px z padding-right i padding-left. można znaleźć media odpytuje na ekranie min szerokość 992px:

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

Poza tym, nie jest to problem można śledzić. Link: https://github.com/Semantic-Org/Semantic-UI/issues/175

i można śledzić na stronie dokumentacji: http://semantic-ui.com/collections/grid.html

nie wiem, czy jest to pomocne dla Ciebie, czy nie.