Семантический интерфейс и сетчатая система

Question

Я парень-бутстрап, и я нашел семантический интерфейс, я думаю, это потрясающе. Поэтому я участвую в основном процессе обучения и, прежде всего, в GRID SYSTEM.

Я читал и экспериментировать собственное пребывание с сеткой, и обнаружил, что работает с 16 столбцов сеткой, размер колонки может быть определяемом в строке:

<div class="ui grid"> 
<div class="five column row"> 
    <div class="column">1</div> 
    ... 
</div> 

... и в сама колонка:

<div class="eight wide column"></div> 

и узнать о наращиваемых и дублирующих колоннах, а также узнать, что вы можете указать colums размерами для каждых трех устройств (мобильный, планшет, компьютер).

<div class="six wide tablet eight wide computer column"></div> 

Мой вопрос, так как подмигнул в 16 столбцов на основе сетки, подмигнул не делится на 3 с одинаковыми значениями как я получаю 3 колонки в конкретном устройстве? Возможно, это можно сделать с удвоением, но мне нужно твердое решение, я имею в виду, не зависит от других размеров устройств.

В Bootstrap это было бы так просто, как (например, малого экрана, 12 столбцов сетки):

<div class="col-sm-4">Content here</div> 

Спасибо!

Sebastián.

Answer 1

<div class="ui equal width three column grid"> 
    <div class="column">1</div> 
    <div class="column">2</div> 
    <div class="column">3</div> 
</div> 

Если я правильно понимаю ваш вопрос, это должно сработать для вас.

Grid Example - Semantic UI