2017-01-03 8 views
-1

enter image description hereПоказания тегов разных размеров

Как я могу отображать мой контент таким образом?

Что у меня есть массив элементов, я хочу, чтобы они отображались, как указано выше, я пытался использовать списки, но я не могу это сделать?

Что я пытался

<div class="row"> 
      <div class="col-lg-12"> 
       <ul class="list-unstyled"> 
        @foreach($categories as $category) 
         <li><a href="#">{{$category->name}}</a></li>    
        @endforeach 
      </ul> 
    </div> 
+2

Обычно такая вещь использует некоторое весовое свойство для каждой из категорий. Затем вы можете установить правильное свойство css для каждой категории на основе его веса. – Kraylog

+0

Не могли бы вы привести пример подтвердите свой ответ? это было бы очень приятно :) –

+0

категории динамически генерируются, как будто они могут перестать существовать в какой-то момент, и если я буду делать свойство css по отношению к категории, я не думаю, что это сработает правильно? –

ответ

0

, как @NimrodArgov сказал, вы должны попытаться принять это с другой точки зрения, и спросите себя, сколько уровней размера планируют вам есть и что это логика присвойте «размер» каждому из этих тегов и посмотрите, можете ли вы легко реализовать логику.

Как только вы попали туда, с точки зрения пользовательского интерфейса, это просто вопрос создания различных классов (скорее всего, это просто модификатор класса, который будет использовать увеличивающуюся долю базы em из блока контейнера (надеюсь, это имеет смысл для вас). вы можете сделать это, очевидно, как простой Mixin или функции, чтобы облегчить процесс создания каждого из них, если вы используете SASS/LESS.

Я надеюсь, что это поможет вам добиться того, что вы ищете.

Смежные вопросы