Перейти к содержимому


Внимание!

На форуме можно зарегистрироваться в два клика, используя социальную сеть Вконтакте. Для этого нажмите сюда.


Фотография

Плитка в Bootstrap, вопрос по стилям


  • Авторизуйтесь для ответа в теме
В теме одно сообщение

#1 walker43

walker43

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 132 сообщений

Отправлено 16 Сентябрь 2017 - 14:37

Как делать плитку чтобы вывести циклом нужную информацию? Без плитки есть смещения, появляются пробелы и т.д.

<div class="row">
<?php foreach($items as $item) : ?>  
<div class="col-xs-4"><?php echo $item->text; /*текст*/ ?></div>
<?php endforeach; ?>
</div>

Из-за того что текст разной длины все получается не очень корректно и на вид не очень. Ищу стили для того чтобы сделать плотную плитку бутстрап. Спасибо.



#2 blacker

blacker

    Продвинутый пользователь

  • Администраторы
  • 311 сообщений
  • ГородАнапа

Отправлено 19 Сентябрь 2017 - 09:07

Нужно зафиксировать высоту плиток, тогда плитки не будут разъезжаться

А в AiKi engine, например, есть модификатор step, который умеет

разбивать на блоки. Ваш код в этом случае будет выглядеть так:

<div class="row" data-role="foreach" from="items" step="3">
    <div class="col-xs-4">{{text}}</div>
</div>

В итоге после каждых трёх .col-xs-4 будет открываться новый .row


  • Zenit это нравится
AiKi Engine - www.digiport.ru




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных