zoukankan      html  css  js  c++  java
  • 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>

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

  • 相关阅读:
    堆优化Dijkstra模版
    poj_1364King
    快速排序库函数qsort的使用
    CMD type命令
    开放地址法
    poj_3159Candies
    poj_1511Invitation Cards
    何谓数据结构
    div ul li添加文本自动自动
    java虚拟机使用内存
  • 原文地址:https://www.cnblogs.com/jiqing9006/p/5106430.html
Copyright © 2011-2022 走看看