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></