<!-- 组件单个开始 -->
                                    <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-21.jpg" alt="描述">
											<p>描述</p>
                                        </div>
                                        <div class="view">
<div class="row text-center">
	<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/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">
		<a href="#" class="a-hover-cover">
			<div class="height-percentage-100 position-relative">
				<div class="vertical-center position-relative">
					<i class="glyphicon glyphicon-eye-open font-size-40 color-white"></i>
				</div>
			</div>
		</a>
	</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">
		<a href="#" class="a-hover-cover">
			<div class="height-percentage-100 position-relative">
				<div class="vertical-center position-relative">
					<i class="glyphicon glyphicon-eye-open font-size-40 color-white"></i>
				</div>
			</div>
		</a>
	</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">
		<a href="#" class="a-hover-cover">
			<div class="height-percentage-100 position-relative">
				<div class="vertical-center position-relative">
					<i class="glyphicon glyphicon-eye-open font-size-40 color-white"></i>
				</div>
			</div>
		</a>
	</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">
		<a href="#" class="a-hover-cover">
			<div class="height-percentage-100 position-relative">
				<div class="vertical-center position-relative">
					<i class="glyphicon glyphicon-eye-open font-size-40 color-white"></i>
				</div>
			</div>
		</a>
	</div>
</div>
</div>
                                        </div>
                                    </div>
									<!-- 组件单个结束 -->