如何在骨架中添加两个框？

Question

您好我的响应式设计几乎没有问题。我不知道如何在左侧添加图像和在右侧添加文本。

我正在与Skeleton合作。

我该怎么办？

更新：部分代码

<section id="about">
    <div class="container">
        <div class="container">
            <div class="one_half ">
                <img class="picture-me" src="images/me.png" alt="">
                <!-- PICTURE SHOULD BE ON THE LEFT -->
            </div>
        </div>
        <div class="one_half last">
             <h2 class="name"> Borut</h2> 
            <p>I am pixel-perfect...</p>
            <img class="shadow" src="images/shadow.png" alt="" width="537" height="1">
            <img class="quote-right" src="images/quote-right.png" alt="" width="29" height="21">
            <img class="quote-left" src="images/quote-left.png" alt="" width="29" height="21">

Answer 1

查看Skeleton Grid布局系统

您必须在类div的{​​{1}}内声明布局。然后添加div，其中包含您要作为类使用的列数。要并排放置列，请使用类container和alpha。

omega

我添加了以下 css 来澄清块

<div class="container">
    <div class="twelve columns clearfix">
        <div class="six columns alpha">first block</div>
        <div class="six columns omega">second block</div>
    </div>
</div>

这将呈现如下：

请参阅此fiddle以稍微使用代码