Esiste un'interfaccia utente semantica equivalente alla classe .container di Bootstrap?

Question

Dopo aver utilizzato Twitter Bootstrap per un po 'di tempo e sempre volendo più in termini di funzionalità dell'interfaccia utente di amministrazione, ho deciso di provare lo Semantic UI. I documenti Semantic sono molto meno concisi di quelli di Bootstrap, ma ogni singolo strumento è abbastanza facile da implementare. Tuttavia, ho iniziato a creare un'interfaccia utente di base per provare l'interfaccia utente semantica e ho difficoltà a capire alcune delle cose di base, come utilizzare il sostituto di Bootstrap .container, ecc.

Answer 1

Autore di UI semantico qui. Aggiungerò una classe contenitore generica nella prossima versione secondaria.

Answer 2

semantic-ui funziona in modo diverso in attesa del sistema di rete e la classe ui page grid crea un simile approccio come il bootstrap. Puoi vedere questo modello di esempio anche http://ehkoo.github.io/semantic-ui-examples/jumbotron dove nel modello puoi cambiare le classi da testare. Quando viene applicata la classe ui grid, questa assume l'intera larghezza e con ui page grid funziona per 992 px larghezza con padding-right e padding-left. potete trovare il supporto interroga per lo schermo min-width 992px:

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

Inoltre, c'è un problema si può seguire. Link: https://github.com/Semantic-Org/Semantic-UI/issues/175

E 'possibile seguire la pagina di documentazione: http://semantic-ui.com/collections/grid.html

Non so se è utile per voi oppure no.