使用Foundation框架的行分佈

我需要這個分佈，我使用基礎框架，我試過這個但是不起作用。使用Foundation框架的行分佈

Mockup

<div class="row"> 
     <div class="small-6 large-2 columns">Logo</div> 
     <div class="small-12 large-8 columns">menu</div> 
     <div class="small-6 large-2 columns">Another logo</div> 
    </div>

我怎樣才能得到它？

來源

2013-07-09 Fernando Montoya

也許你可以與集成標誌一個topnavbar去那在小設備上崩潰：http://foundation.zurb.com/docs/components/top-bar.html – Alp

不是一個導航欄，我需要它像另一列。 –

假設左邊的圖像是桌面，右邊是流動的，你需要使用推拉表象類來實現這一點：

<div class="row"> 
    <div class="small-12 large-8 columns push-2"> 
    <ul class="inline-list"> 
     <li><a href="">Lorem.</a></li> 
     <li><a href="">Nisi.</a></li> 
     <li><a href="">Quas?</a></li> 
     <li><a href="">Tempora.</a></li> 
     <li><a href="">Quaerat!</a></li> 
    </ul> 
    </div> 
    <div class="small-6 large-2 columns pull-8"><img src="http://www.placehold.it/600x600&text=logo1" alt=""></div> 
    <div class="small-6 large-2 columns"><img src="http://www.placehold.it/600x600&text=logo2" alt=""></div> 
</div>

來源

2013-07-10 09:19:03 JAMESSTONEco

使用Foundation框架的行分佈

回答

相關問題