bootstrap栅格布局，第一次成功

原创

TBHacker 2021-08-05 16:19:04 博主文章分类：[12]CSS ©著作权

©著作权归作者所有：来自51CTO博客作者TBHacker的原创作品，请联系作者获取转载授权，否则将追究法律责任

bootstrap栅格布局，第一次成功_扫描二维码

代码：

<div class="helper" style="background-color: #F7F7F9;height: 200px;padding-top: 20px;padding-left:20px;">
        <div class="row" style="height: 100px;">
            <label class="col-sm-1">二维码:</label>
            <div class="col-sm-9">
                <div class="row">
                    <div class="col-sm-2">
                        <img class="store_img" src="{sh:$info.qrcode}" width="90px" />
                    </div>
                    <div class="col-sm-6">
                        <div class="input-inline">
                            <p class="text-red"><strong>微信扫描二维码进入商铺</strong></p>
                            <a class="btn btn-warning" href="{sh::UP('Home/Show/store', array('token' => $store['token']))}" target="_blank">商铺推广页</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row" style="height: 100px;">
            <label class="col-sm-1">链接:</label>
            <div class="col-sm-9">
                <div class="alert alert-info link-alert"><strong class="text-red">商城首页：</strong>&nbsp;<span>{sh:$Think.config.site_url}{sh::UP('Store/Mall/index', array('mid' => $info['id']))}</span></div>
            </div>
        </div>
    </div>