主页模板把以下3个栏目的布局都改成第二个那样的，代码该怎么改?
程序代码：[code]<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="renderer" content="webkit"/>
<meta name="robots" content="index, follow" />
<title>{dede:global.cfg_webname/}</title>
<meta name="description" content="{dede:global.cfg_description/}"/>
<meta name="keywords" content="{dede:global.cfg_keywords/}"/>
<meta name="author" content="order by />
<link rel="stylesheet" type="text/css" href="/skin/css/bootstrap.css"/>
<link rel="stylesheet" type="text/css" href="/skin/css/icomoon.css"/>
<link rel="stylesheet" type="text/css" href="/skin/css/flexslider.css"/>
<link rel="stylesheet" type="text/css" href="/skin/css/owl.carousel.css"/>
<link rel="stylesheet" type="text/css" href="/skin/css/shortcodes.css"/>
<link rel="stylesheet" type="text/css" href="/skin/css/style.css"/>
<link rel="stylesheet" type="text/css" href="/skin/css/responsive.css"/>
<link rel="stylesheet" type="text/css" href="/skin/css/color1.css" id="colors"/>
<link rel="stylesheet" type="text/css" href="/skin/css/animate.css"/>
<link rel="stylesheet" type="text/css" href="/skin/css/tk.css"/>
<script type="text/javascript" src="/skin/js/jquery.min.js"></script>
<script type="text/javascript" src="/skin/js/bootstrap.min.js"></script>
<!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
<!--[if lt IE 9]>
<script src="/skin/js/html5.js"></script>
<script src="/skin/js/respond.min.js"></script>
<style>
article,aside,dialog,footer,header,section,nav,figure,menu{display:block;padding:0;margin:0;}
</style>
<link rel="stylesheet" href="/skin/css/ie.css" type="text/css" media="screen"/>
<![endif]-->
<!--[if lte IE 9]>
<script src="/skin/js/jquery.placeholder.js"></script>
<script>
jQuery(document).ready(function($){
$('input, textarea').placeholder();
});
</script>
<script type="text/javascript" src="/skin/js/pie.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($){
$('.indexci img').each(function() {
PIE.attach(this);
});
});
</script>
<![endif]-->
<!--[if (gte IE 6)&(lte IE 8)]>
<script type="text/javascript" src="/skin/js/selectivizr.js"></script>
<script type="text/javascript" src="/skin/js/[endif]-->
</head>
<body class="header-sticky home">
<!--[if lt IE 8]>
<div class="lt-ie8-bg">
<p class="browsehappy">You are using an <strong>outdated</strong> browser.</p>
<p>Please <a href="http:// your browser</a> to improve your experience.</p>
<p class="browsehappy">对不起，您正在使用的是 <strong>过时</strong> 的浏览器.</p>
<p>请升级您的浏览器（IE8+，或者是火狐、谷歌、Opera、Safari等现代浏览器），以改进您的用户体验！</p>
</div>
<style>
.lt-ie8-bg{z-index:11111;position:absolute;top:0;left:0;right:0;bottom:0;background-color:#333;color:#999;padding:100px 20px;text-align:center;font-size:26px}
.lt-ie8-bg a{color:#f5f5f5;border-bottom:2px solid #fff}
.lt-ie8-bg a:hover{text-decoration:none}
#page-body-wrap{display:none;}
</style>
<![endif]-->
<div class="loader"> <span class="loader1 block-loader"></span> <span class="loader2 block-loader"></span> <span class="loader3 block-loader"></span> </div>
<div id="page-body-wrap">
<div class="wrap-slide"> {dede:include filename="head.htm"/} </div>
<div class="top-slider" id="index-slider">
<div class="flexslider">
<ul class="slides">
{dede:arclist typeid='20' titlelen='50' orderby='pubdate'}
<li class="slide-item" style="background-image:url([field:picname/]);">
<div class="container">
<div class="row">
<div class="flex_caption">
<h2 class="modern-style captionDelay4 FromTop slide-title">[field:title/]</h2>
<p class="captionDelay2 FromTop slide-desc">[field:description/]</p>
</div>
</div>
</div>
</li>
{/dede:arclist}
</ul>
</div>
</div>
<section class="roll-row parallax parallax4" id="index-widget-3col">
<div class="container">
<div class="row">
<div class="col-md-4 padr35-x roll-animation index-accordion" data-animation="fadeInLeft" data-animation-delay="2" data-animation-offset="75%"> {dede:type typeid='21'}
<h3><a href="[field:typelink/]">[field:typename/]</a></h3>
{/dede:type}
<div class="roll-accordion"> {dede:arclist typeid='21' row='6' titlelen='50' orderby='pubdate'}
<div class="roll-toggle">
<div class="toggle-title" title="[field:title/]">
<h4>[field:title/]</h4>
</div>
<div class="toggle-content"> <a href="[field:arcurl/]" class="thumb-link"><img src="[field:picname/]" alt="[field:title/]"/></a>
<div class="info">
<p class="desc-info">[field:description function="cn_substr(@me,140)"/]...</p>
</div>
</div>
</div>
{/dede:arclist} </div>
</div>
{dede:channelartlist typeid='1,1'}
<div class="col-md-4 padl25-x roll-animation index-service" data-animation="fadeInLeft" data-animation-delay="2" data-animation-offset="75%">
<h3><a href="{dede:field name='typeurl'/}">{dede:field name='typename'/}</a></h3>
<div class="is-content">
<p class="desc">{dede:field name='description'/}</p>
<ul class="roll-list">
{dede:channel type='son' noself='yes'}
<li><a href="[field:typeurl/]">[field:typename/]</a></li>
{/dede:channel}
</ul>
</div>
</div>
{/dede:channelartlist}
{dede:channelartlist typeid='28,28'}
<div class="col-md-4 padl35-x roll-animation index-modeling" data-animation="fadeInLeft" data-animation-delay="0" data-animation-offset="75%">
<h3><a href="{dede:field name='typeurl'/}">{dede:field name='typename'/}</a></h3>
<div class="roll-tabs" data-effect ="fadeIn">
<ul class="menu-tab">
{dede:channel type='son' noself='yes'}
<li><a href="[field:typeurl/]">[field:typename/]</a></li>
{/dede:channel}
</ul>
<div class="content-tab"> {dede:channel type='son' noself='yes'}
<div class="content-inner"> <a href="[field:typeurl/]" class="modeling-link"><img src="/skin/images/zx[field:global name=autoindex runphp="yes"]@me=@me+1;[/field:global].jpg" alt="[field:typename/]"/></a>
<p class="desc">[field:description/]</p>
</div>
{/dede:channel} </div>
</div>
</div>
{/dede:channelartlist} </div>
</div>
</section>
{dede:channelartlist typeid='5,5'}
<section class="roll-row" id="index-team">
<div class="container">
<div class="roll-promotion clearfix">
<div class="title-promotion roll-animation" data-animation="fadeInLeft" data-animation-delay="0" data-animation-offset="75%"> <span class="team-title text-color"><a href="{dede:field name='typeurl'/}">{dede:field name='typename'/}</a></span> <span class="team-desc">{dede:field name='description'/}</span> </div>
</div>
</div>
<div class="roll-gallery">
<div class="owl-carousel"> {dede:arclist titlelen='50' orderby='pubdate'}
<div class="item"> <img src="[field:picname/]" alt="[field:title/]"/>
<div class="hover"></div>
<div class="gallery-content">
<ul class="gallery-link">
<li class="icon-s FromLeft"><a href="[field:arcurl/]"><span class="icon-search5"></span></a></li>
</ul>
<h3 class="team-title"><a href="[field:arcurl/]" title="[field:title/]">[field:title/]</a></h3>
</div>
</div>
{/dede:arclist} </div>
</div>
</section>
{/dede:channelartlist}
{dede:channelartlist typeid='16,16'}
<section class="roll-row parallax parallax5" id="index-blog">
<div class="container">
<div class="row">
<div class="roll-titlebox text-center">
<p class="sub text-color">{dede:field name='description'/}</p>
<h2 class="main text-dark"><a href="{dede:field name='typeurl'/}">{dede:field name='typename'/}</a></h2>
</div>
<div class="roll-news"> {dede:arclist row='8' titlelen='50' orderby='pubdate'}
<div class="article">
<div class="featured-post"> <a href="[field:arcurl/]" class="iblog-link"><img src="[field:picname/]" alt="[field:title/]"/></a>
<ul class="post-format">
<li class="date"> <span class="day">[field:pubdate function="MyDate('d',@me)"/]</span> <span class="month">[field:pubdate function="MyDate('Y-m',@me)"/]</span> </li>
</ul>
</div>
<div class="content-post">
<h3 class="title-post"><a href="[field:arcurl/]" title="[field:title/]">[field:title/]</a></h3>
<div class="excerpt inews-desc">
<p>[field:description function="cn_substr(@me,100)"/]...</p>
</div>
</div>
</div>
{/dede:arclist} </div>
</div>
</div>
</section>
{/dede:channelartlist}
<section class="roll-row" style="background: url(/skin/images/contact.jpg)" id="index-contact">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="roll-contact text-center">
<div class="mail">{dede:global.cfg_email/}</div>
<div class="phone">电话：{dede:global.cfg_tel/}</div>
<div class="address">地址：{dede:global.cfg_adr/}</div>
</div>
</div>
</div>
</div>
</section>
{dede:include filename="footer.htm"/}
</body>
</html>[/code]
