<!-- 组件单个开始 -->
                                    <div class="box box-element">
                                        <a href="#close" class="label label-danger remove">
        <i class="glyphicon-remove glyphicon" title="删除">
        </i>
    </a>
	<span class="drag drag-container label label-default div-drag" data-target="#div-config" role="button" data-toggle="modal">
        <i class="glyphicon glyphicon-cog" title="Layouts"></i>	Layouts
    </span>
                                     
                                        <div class="preview">
                                            <img src="{$skin_admin_path}/images/visual/modules/layouts-20.jpg" alt="描述">
											<p>描述</p>
                                        </div>
                                        <div class="view">

	<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3 text-center">
		<div class="row">
			<img src="{$skin_admin_path}/images/visual/modules/temp/work10.jpg" class="responsive width-percentage-100" alt="Responsive image">
		</div>
		<div class="position-absolute top-0 right-0 bottom-0 left-0 color-white z-index-9">
			<div class="height-percentage-100 position-relative">
				<a href="#" class="a-hover-cover">
				<div class="vertical-center position-relative">
					<h4>标题</h4>
					<p>
						内容简介更多详细内容
					</p>
				</div>
				</a>
			</div>
		</div>
	</div>
	<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
		<div class="row">
			<img src="{$skin_admin_path}/images/visual/modules/temp/work11.jpg" class="responsive width-percentage-100" alt="Responsive image">
		</div>
		<div class="position-absolute top-0 right-0 bottom-0 left-0 color-white z-index-9">
			<div class="height-percentage-100 position-relative">
				<a href="#" class="a-hover-cover">
				<div class="vertical-center position-relative">
					<h4>标题</h4>
					<p>
						内容简介更多详细内容
					</p>
				</div>
				</a>
			</div>
		</div>
	</div>
	<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
		<div class="row">
			<img src="{$skin_admin_path}/images/visual/modules/temp/work12.jpg" class="responsive width-percentage-100" alt="Responsive image">
		</div>
		<div class="position-absolute top-0 right-0 bottom-0 left-0 color-white z-index-9">
			<div class="height-percentage-100 position-relative">
				<a href="#" class="a-hover-cover">
				<div class="vertical-center position-relative">
					<h4>标题</h4>
					<p>
						内容简介更多详细内容
					</p>
				</div>
				</a>
			</div>
		</div>
	</div>
	<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
		<div class="row">
			<img src="{$skin_admin_path}/images/visual/modules/temp/work13.jpg" class="responsive width-percentage-100" alt="Responsive image">
		</div>
		<div class="position-absolute top-0 right-0 bottom-0 left-0 color-white z-index-9">
			<div class="height-percentage-100 position-relative">
				<a href="#" class="a-hover-cover">
				<div class="vertical-center position-relative">
					<h4>标题</h4>
					<p>
						内容简介更多详细内容
					</p>
				</div>
				</a>
			</div>
		</div>
	</div>

                                        </div>
                                    </div>
									<!-- 组件单个结束 -->