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>

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

相关文章:

  • 2021-05-04
  • 2021-10-27
  • 2021-08-02
  • 2022-12-23
  • 2021-06-03
  • 2021-06-21
  • 2021-08-17
猜你喜欢
  • 2022-01-21
  • 2022-01-10
  • 2021-04-17
  • 2021-05-26
  • 2021-04-01
相关资源
相似解决方案