drupal布局案例case - layout_plugin和display suit的运用--左图右文（关于我们和新闻的摘要列表）

主题开发里，我们也讲了tab切换效果的views字段布局，实现左图右文效果>

-----------------------------

我们通过两个case来介绍drupal布局的 使用。

case1: 实现左图右文的区块。

要先通过drupal添加自定义区块类型，加个图片字段。

为了实现响应式的布局。要在 \layout_plugin\tests\modules\layout_test\css\layout-test-2col.css加下面代码：

 /* min-width: 481px  -------------*/
@media  (max-width:600px) {

.layout-example-2col .region-left,.layout-example-2col .region-right { 
  width: 100%;
}

}

-------------

case2 ： 实现新闻图文的摘要：

具体请看视频教程。