Zurb基金會 - 包含列中的行

我正在我的網站atm上工作，但我在我的「關於我」頁面有問題。我已經做了幾行沒有更寬的列然後「七列」，我有想法在右側添加一個我的圖片。Zurb基金會 - 包含列中的行

但是，如果我把它放在旁邊標題DIV（這是誰的創意忍者）所有課程的標題之下的行向下移動圖像下 - 請看：http://bardurm.com/pages/about_me.html

是否有包含方式主列中的行（八列），然後將圖像放在下一列（四列）中 - 如下圖所示：https://dl.dropbox.com/u/1099506/About_Page_Help.png

我已經搜索了一個解決方案，並且相信應該有一種方法 - 但我真的不能在我的頭上

在此先感謝

2012-12-13 user1902043

你的形象很大，所以很自然地一切都被推下去。你需要做的是將你的信息的所有div移動到第一列。下面我已經展示瞭如何用第一個「我的名字是...」div來做到這一點。按照與其他divs相同的模式，你應該得到所需的結果。

<div class="row"> 
    <div class="seven columns"> 
    <div class="row"> 
     <img width="519px" height="58px" name="About me" src="../images/content/about_me.png" alt="about me"> 
    </div> 
    <div class="row"> 
     <about>My name is <about_blue>Bardur Mikladal</about_blue>, as you might have figured...</about> 
    </div> 
    <hr class="middle"> 
    <!-- The other info divs here --> 
    </div> 

    <div class="three columns offset-by-two"> 
    <img width="127px" height="450px" name="Me" src="../images/content/me.png" alt="Me"> 
</div> 
</div>

來源

2012-12-13 20:08:03

這正是我所期待的。然後它打我 - 這只是簡單的嵌套在基金會：P 非常感謝您的幫助:) 我也用這個鏈接作爲參考，這與您的答案確實讓我清楚：http：///designshack.net/articles/css/a-beginners-guide-to-zurb-foundation-3-the-grid/ 現在我只需要讓頁面看起來更好 – user1902043

Zurb基金會 - 包含列中的行

回答

相關問題