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>

第一次有成功的体验,以后继续努力。用栅格进行布局,方便高效。

原文地址:https://www.cnblogs.com/jiqing9006/p/5106430.html