2016-08-19 51 views
0

我的客户想要维护他们自己的网格,以便他们可以完全设计他们想要的设计。问题在于当我在concrete5中添加Bootstrap网格时,它默认创建了一个col-md-6例如。Concrete5高级网格

问题是我有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?我当然可以手动设置所有内容,并将内部块作为内容,但这样做并不灵活。

由于

回答

0

这应该是可能的,主题区域布局预置(这是在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