VB.net 2010 视频教程 VB.net 2010 视频教程 python基础视频教程
SQL Server 2008 视频教程 c#入门经典教程 Visual Basic从门到精通视频教程
当前位置:
首页 > 网站开发 > JavaScript >
  • JavaScript教程之前端之移动端库和框架bootstrap(5)

a></li> <li><a href="#">推荐商品</a></li> <li><a href="#">手机生鲜</a></li> <li><a href="#">抽奖</a></li> </ul> <form class="navbar-form navbar-right"> <div class="form-group"> <div class="input-group"> <input type="text" name="" class="form-control" placeholder="请输入搜索内容"> <span class="input-group-btn"> <button class="btn btn-default"><span class="glyphicon glyphicon-search"></span></button> </span> </div> </div> </form> </div> </div> </div> <div class="jumbotron"> <div class="container"> <div class="row"> <div class="col-lg-5 col-lg-offset-1 col-md-5 col-md-offset-1"> <img src="images/banner_title.png" alt="banner标题" class="banner_pic_title img-responsive"> <h2 class="banner_title">水果节介绍</h2> <p class="banner_detail">天天生鲜将在北京、天津、上海、南京、苏州、杭州、成都、武汉8座核心城市同期推出北京水果专场,借助天天生鲜产地端到用户端的渠道,果品流转效率得以大大提高。依托天天生鲜的渠道优势,首届果节做到了高质低价。</p> </div> <div class="col-lg-4 col-lg-offset-1 col-md-4 col-md-offset-1 hidden-sm hidden-xs"> <img src="images/basket.png" alt="水果篮" class="img-responsive"> </div> </div> </div> </div> <div class="container"> <h3 class="active_title text-center">活动图片</h3> <p class="active_detail text-center">天天生鲜产地直采的果品甚至可以追溯到种植者和生产的地块儿。确定具体采摘地块儿后,在适合的时间将水果采摘下来后,直接在地头包装成箱,根据订单分装运到各个分仓,然后由配送员送到用户手中。以下是本次活动相关的图片</p> </div> <div class="container pic_list"> <div class="row"> <div class="col-lg-3 col-md-3 col-sm-6"> <div class="thumbnail"> <img src="images/active01.jpg" alt="活动图片" class="img-responsive"> <h4>活动的标题</h4> </div> </div> <div class="col-lg-3 col-md-3 col-sm-6"> <div class="thumbnail"> <img src="images/active02.jpg" alt="活动图片" class="img-responsive"> <h4>活动的标题</h4> </div> </div> <div class="col-lg-3 col-md-3 col-sm-6"> <div class="thumbnail"> <img src="images/active03.jpg" alt="活动图片" class="img-responsive"> <h4>活动的标题</h4> </div> </div> <div class="col-lg-3 col-md-3 col-sm-6"> <div class="thumbnail"> <img src="images/active04.jpg" alt="活动图片" class="img-responsive"> <h4>活动的标题</h4> </div> </div> </div> </div> <div class="container"> <div class="row common_title"> <h3 class="pull-left">推荐商品</h3> <a href="#" class="pull-right">更多 &gt;&gt;</a> </div> </div> <div class="container goods_list"> <div class="row"> <div class="col-lg-2"> <div class="thumbnail"> <a href="#"><img src="images/goods.jpg" alt="商品图片"></a> <h4>进口草莓</h4> <p>¥ <em>25.00</em>/500g</p> </div> </div> <div class="col-lg-2"> <div class="thumbnail"> <a href="#"><img src="images/goods.jpg" alt="商品图片"></a> <h4>进口草莓</h4> <p>¥ <em>25.00</em>/500g</p> </div> </div> <div class="col-lg-2"> <div class="thumbnail"> <a href="#"><img src="images/goods.jpg" alt="商品图片"></a> <h4>进口草莓</h4> <p>¥ <em>25.00</em>/500g</p> </div> </div> <div class="col-lg-2"> <div class="thumbnail"> <a href="#"><img src="images/goods.jpg" alt="商品图片"></a> <h4>进口草莓</h4> <p>¥ <em>25.00</em>/500g</p> </div> </div> <div class="col-lg-2"> <div class="thumbnail"> <a href="#"><img src="images/goods.jpg" alt="商品图片"></a> <h4>进口草莓</h4> <p>¥ <em>25.00</em>/500g</p> </div> </div> <div class="col-lg-2"> <div class="thumbnail"> <a href="#"><img src="images/goods.jpg" alt="商品图片"></a> <h4>进口草莓</h4> <p>¥ <em>25.00</em>/500g</p> </div> </div> <div class="col-lg-2"> <div class="thumbnail"> <a href="#"><img src="images/goods.jpg" alt="商品图片"></a> <h4>进口草莓</h4> <p>¥ <em>25.00</em>/500g</p> </div> </div> <div class="col-lg-2"> <div class="thumbnail"> <a href="#"><img src="images/goods.jpg" alt="商品图片"></a> <h4>进口草莓</h4> <p>¥ <em>25.00</em>/500g</p> </div> </div> <div class="col-lg-2"> <div class="thumbnail"> <a href="#"><img src="images/goods.jpg" alt="商品图片"></a> <h4>进口草莓</h4> <p>¥ <em>25.00</em>/500g</p> </div> </div> <div class="col-lg-2"> <div class="thumbnail"> <a href="#"><img src="images/goods.jpg" alt="商品图片"></a> <h4>进口草莓</h4> <p>¥ <em>25.00</em>/500g</p> </div> </div> </div> </div> <div class="container-fluid footer"> <div class="links"> <a href="#">关于我们</a> <span>|</span> <a href="#">联系我们</a> <span>|</span> <a href="#">招聘人才</a> <span>|</span> <a href="#">友情链接</a></

相关教程