skeleton-css-boilerplate - 如何在骨架中添加两个框？

Question

您好，我对响应式设计没什么问题。我不知道如何在左侧添加图像，在右侧添加文本。

我正在和骷髅一起工作。

我应该怎么办 ？

更新：一些代码

<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布局系统

您必须在divof class中声明布局container。然后添加具有您希望作为类使用的列数的 div。要并排放置列，请使用类alpha和omega.

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

我添加了以下css来阐明这些块

.alpha {
    background-color: red;
}
.omega {
    background-color: green;
}

这将呈现如下：

看这个小提琴来玩弄代码