显示不同大小的标签

Question

如何以这种方式显示我的内容？

我所拥有的是一系列元素，我希望它们像上面一样显示，我尝试使用列表，但我无法做到？

我尝试了什么

 <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>

Answer 1

正如@NimrodArgov所说，你应该尝试从不同的角度来看待这个问题，并问自己你计划拥有多少级别的规模以及分配一个＆＃34;尺寸＆＃34的逻辑;对每个标签进行检查，看看是否可以轻松实现逻辑。

一旦你到达那里，从UI的角度来看，它只是一个创建各种类的问题（很可能只是一个类修饰符，它将使用来自容器块的基数em的增加部分（希望这对你有意义。）如果你使用SASS / LESS，你显然可以将它作为一个简单的混合或功能来简化创建每个的过程。

我希望这可以帮助您实现您正在寻找的目标。