2017-01-03 384 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(希望這對您有意義) ),你可以明顯使這是一個簡單的混入或功能,以減輕創建每一個過程,如果你正在使用SASS/LESS。

我希望這可以幫助你實現你在找什麼。