<!-- 组件单个开始 -->
                                    <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-14.jpg" alt="描述">
											<p>描述</p>
                                        </div>
                                        <div class="view">
                                            <div class="position-relative background-gray height-700">
    <div class="padding-top-50 padding-bottom-50">
        <div class="pading-percentage-5 text-center">
            <h1>
                Bold, Simple, Robust.
            </h1>
            <p class="font-size-20">
                A beautiful collection of hand-crafted web components
            </p>
            <div class="blank30">
            </div>
            <div class="padding-top-50 padding-bottom-50">
                <div class="col-md-5 col-md-offset-1 col-sm-6 text-left">
                    <div class="row padding-bottom-30">
                        <div class="col-xs-4 col-sm-3 col-md-2 col-lg-2">
                            <i class="glyphicon glyphicon-refresh font-size-70">
                            </i>
                        </div>
                        <div class="col-xs-8 col-sm-9 col-md-10 col-lg-10">
                            <h4>
                                Beautifully Responsive
                            </h4>
                        </div>
                    </div>
                    <p>
                        Every one of Dream’s stylish blocks are fully responsive,meaning that
                        your site shines - regardless of the device your users are viewing from.
                    </p>
                </div>
                <div class="col-md-5 col-md-offset-1 col-sm-6 text-left">
                    <div class="row padding-bottom-30">
                        <div class="col-xs-4 col-sm-3 col-md-2 col-lg-2">
                            <i class="glyphicon glyphicon-time font-size-70">
                            </i>
                        </div>
                        <div class="col-xs-8 col-sm-9 col-md-10 col-lg-10">
                            <h4>
                                Beautifully Responsive
                            </h4>
                        </div>
                    </div>
                    <p>
                        Every one of Dream’s stylish blocks are fully responsive,meaning that
                        your site shines - regardless of the device your users are viewing from.
                    </p>
                </div>
            </div>
        </div>
    </div>
    <div class="padding-top-50 padding-bottom-50">
        <div class="col-sm-12">
            <img alt="device" src="{$skin_admin_path}/images/visual/modules/temp/device1.png">
        </div>
    </div>
</div>
                                        </div>
                                    </div>
									<!-- 组件单个结束 -->