bootstrap栅格布局,第一次成功
Bootstrap 成功 布局 第一次 栅格
2023-09-27 14:24:31 时间
代码:
<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> <span>{sh:$Think.config.site_url}{sh::UP('Store/Mall/index', array('mid' => $info['id']))}</span></div> </div> </div> </div>
第一次有成功的体验,以后继续努力。用栅格进行布局,方便高效。
相关文章
- 【程序猿心得】Bootstrap开发案例中的小细节注意
- Asp.net MVC利用Ajax.BeginForm实现bootstrap模态框弹出,并进行前段验证
- Ace---一个很棒的BootStrap后台管理系统模版
- 手摸手教你bootstrap定制
- 使用Bootstrap 3开发响应式网站实践06,使用ListGroup、Thumbnails展示内容
- Bootstrap 3之美04-自定义CSS、Theme、Package
- 基于Angular 8和Bootstrap 4实现动态主题切换
- Django使用Bootstrap的经典方法
- Bootstrap fileinput v3.0(ssm版)
- 三、bootstrap-treeview
- 一、bootstrap-select输入选择框
- Bootstrap FileInput中文API整理
- bootstrap中tab切换的使用
- Bootstrap之表格、表单应用
- 基于bootstrap的datatable控件
- 免费资源:Bootstrap开发的创意模板
- Django:使用模态框新增数据,成功后提示“提交成功”,并刷新表格bootstrap-table数据
- bootstrap实现弹框及提交提示
- Bootstrap 控制移动端和网页端的元素隐藏和显示