All geek questions in one place

Is there a semantic UI equivalent to the Bootstrap.container class?

Using Twitter Bootstrap for some time and always wanting more in the way of admin user interface functions, I decided to give a Semantic interface . Semantic documents are much less concise than Bootstrap, but each individual tool is quite simple to implement. However, I started creating a basic user interface to try the Semantic UI, and it’s hard for me to understand some basic things, for example, what to use as a suitable replacement for Bootstrap .container , etc.

+6
source share
2 answers

The creator of the semantic user interface is here. I will add a generic container class to the next small version.

+15
source

semantic-ui works differently, expecting the grid system and the ui page grid class to take a similar approach, such as bootstrap. You can also see this sample template http://ehkoo.imtqy.com/semantic-ui-examples/jumbotron , where in the template you can change the classes for testing. When ui grid class is applied, it takes full width and ui page grid works for 992px width with padding-right and padding-left . you can find media queries for the min-width 992px screen:

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

In addition, there is a problem that you can follow. Link: https://github.com/Semantic-Org/Semantic-UI/issues/175

And you can go to the documentation page: http://semantic-ui.com/collections/grid.html

I do not know if this is useful to you or not.

+1
source

Source: https://habr.com/ru/post/982862/

More articles: