混凝土5高级网格

Question

我的客户想要维护他们自己的网格，这样他们就可以完全按照自己的想法设计他们的设计。这方面的问题是，当我在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>

这里的问题是，这应该是"桌面"版本的布局，所以我需要使用coll -lg来代替。对于所有较小的设备(cold -md及以下)，行应该全屏，所以它应该看起来像:一个B

具体来说，我怎样才能做到这一点?我遇到的另一个问题是，如果我让这个响应式设计将以这个顺序显示它的移动:

顾客想要的地方就像冷推的地方一样

我怎么能做到这一点，如果甚至可能与混凝土5?当然，我可以手动设置它，并使内部块作为内容，但这样做是不灵活的。

谢谢

Answer 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