/ / Фондација 6 како не би се обмотао око колоне за флексибилну мрежу? - зурб-фондација-6

Фондација 6 како не би се обмотала око ступца флексне мреже? - зурб-фондација-6

Одлучио сам да користим нову флексибилну мрежу фундуса 6 и приметио сам да не добијам намјерно понашање као што сам добио са блок мрежом.

Ово је ХТМЛ, то је исти код који се користи у оба случаја:

<div class="row">
<div class="small-3 column end text-center red">
column 1
</div>
<div class="small-3 column end text-center green">
column 2
</div>
<div class="small-3 column end text-center green">
column 3
</div>
<div class="small-3 column end text-center green">
column 4
</div>

<div class="small-3 column end text-center green">
column 5
</div>
<div class="small-3 column end text-center green">
column 6
</div>
<div class="small-3 column end text-center green">
column 7
</div>
<div class="small-3 column end text-center green">
column 8
</div>

<div class="small-3 column end text-center green">
column 9
</div>
<div class="small-3 column end text-center green">
column 10
</div>
<div class="small-3 column end text-center green">
column 11
</div>
<div class="small-3 column end text-center green">
column 12
</div>
</div>

Покушао сам да користим Флек Грид и Блоцк Грид

Намеравам да добијем резултат везе Блоцк Грид у Флек Грид, да ли је могуће?

Прошао сам кроз документацију Ф6, али нисам могао пронаћи одговарајуће рјешење тамо (бар од онога што сам нашао).

Хвала вам!

Одговори:

1 за одговор № 1

Можете користити блок мреже унутар ФондацијеФлек Грид. Морате схватити да флексибилна мрежа у потпуности замењује стандардну мрежу Фоундатион. Такође, Флек Грид и Блоцк Грид су две потпуно различите ствари. Флек Грид преузима читав мрежни систем (редови, колоне ...). Блокова мрежа је једноставно метод дистрибуције једнаког броја колона преко више или једног реда.

Ово је највероватније оно што тражите:

https://foundation.zurb.com/sites/docs/flex-grid.html#block-grids

Тако можете користити Блоцк Грид унутар Флек Грид.

Морате бити сигурни да имате и Флек Грид омогућену:

https://foundation.zurb.com/sites/docs/flex-grid.html#importing


Сродна питања


Коментари (0)

Додајте коментар