Concrete5 高级网格答案

【问题标题】：Concrete5 advanced GridConcrete5 高级网格
【发布时间】：2016-08-19 06:56:31
【问题描述】：

我的客户想要维护自己的网格，以便他们可以按照自己的意愿完全设计自己的设计。这方面的问题是当我在concrete5 中添加一个Bootstrap 网格时，它默认创建了一个col-md-6。

问题是我的设计有 2 个选项，移动设备或桌面设备。在我的默认设置中，我有这样的：

<div class="row">
  <div class="col-sm-6">A</div>
  <div class="col-sm-6"><img></div>
</div>
<div class="row">
  <div class="col-sm-6"><img></div>
  <div class="col-sm-6">B</div>
</div>

这里的问题是这应该是“桌面”版本的布局，所以我需要改用 col-lg。对于所有较小的设备（col-md 及以下），行应该是全屏的，所以它应该看起来像：一种乙

我怎样才能在concrete5中实现这一点？我遇到的另一个问题是，如果我让这个响应式设计将按照移动设备的顺序显示它：

文字
照片
照片
文字

客户想要的地方，就像 col-push 进来的地方一样。

如果 Concrete5 可能的话，我怎么能做到这一点？我当然可以手动设置所有内容并将内部块作为内容，但这样做根本不灵活。

谢谢

【问题讨论】：

标签： concrete5 concrete5-8.x

【解决方案1】：

这应该可以通过主题区域布局预设（在 page_theme.php 中定义）来实现。
缺点是您必须定义所有可能性。

例子：

public function getThemeAreaLayoutPresets(){
$presets = array(
    array(
        'handle' => '2_columns_no_push',
        'name' => '2 Columns no push',
        'container' => '<div class="row"></div>',
        'columns' => array(
            '<div class="col-lg-6 col-md-12"></div>',
            '<div class="col-lg-6 col-md-12"></div>'
        )
    )
);
return $presets;
}

开发者文档：http://documentation.concrete5.org/developers/designing-for-concrete5/adding-complex-custom-layout-presets-in-your-theme

【讨论】：