Layout 定制骨架响应布局

Layout 定制骨架响应布局,layout,responsive-design,skeleton-css-boilerplate,Layout,Responsive Design,Skeleton Css Boilerplate,我正在一个网站上工作,该网站使用了快速响应的样板文件,我正在尝试创建它。灰色方块代表图像 任何关于如何实现这一点的想法都将不胜感激 谢谢 这是基本结构,您可以更改高度/宽度 <style> .greybox{ background-color:#eee; width:100%; height:200px; margin-bottom:4%; } </style> <div c

我正在一个网站上工作,该网站使用了快速响应的样板文件,我正在尝试创建它。灰色方块代表图像

任何关于如何实现这一点的想法都将不胜感激


谢谢

这是基本结构,您可以更改高度/宽度

<style>
    .greybox{   
        background-color:#eee;
        width:100%;
        height:200px;
        margin-bottom:4%;
    }
  </style>

<div class="u-full-width">
    <div class="row">
      <div class="four columns">
        <div class="row">
            <div class="greybox">&nbsp;</div>
        </div>
        <div class="row">
            <div class="greybox">&nbsp;</div>
        </div>
      </div>
      <div class="four columns">
        <p>Yourself off its pleasant ecstatic now law. Ye their mirth seems of songs. Prospect out bed contempt separate. Her inquietude our shy yet sentiments collecting. Cottage fat beloved himself arrived old. Grave widow hours among him no you led. Power had these met least nor young. Yet match drift wrong his our. 
New had happen unable uneasy. Drawings can followed improved out sociable not. Earnestly so do instantly pretended. See general few civilly amiable pleased account carried. Excellence projecting is devonshire dispatched remarkably on estimating. Side in so life past. Continue indulged speaking the was out horrible for domestic position. Seeing rather her you not esteem men settle genius excuse. Deal say over you age from. Comparison new ham melancholy son themselves. 
Affronting everything discretion men now own did. Still round match we to. Frankness pronounce daughters remainder extensive has but. Happiness cordially one determine concluded fat. Plenty season beyond by hardly giving of. Consulted or acuteness dejection an smallness if. Outward general passage another as it. Very his are come man walk one next. Delighted prevailed supported too not remainder perpetual who furnished. </p>
      </div>
      <div class="four columns">
       <div class="row">
            <div class="greybox">&nbsp;</div>
        </div>
        <div class="row">
            <div class="greybox">&nbsp;</div>
        </div>
      </div>
    </div>
  </div>

灰盒的宽度和高度是固定的还是应该根据内容增加/减少?计划是将灰盒的宽度/高度保持在固定的280px。