精华内容
下载资源
问答
  • bootstrap网上购物商城,仿天猫商城界面
  • 蛋糕食品网上店铺O2O在线商城bootstrap模板
  • bootstrap商城模板效果

    2021-06-01 20:53:34
    bootstrap商城模板效果
  • 整个模板简单大气使用bootstrap为基础框架溶合 layer弹层插件相结合开发,包含综合统计页面,订单详情,产品发布、数据列表等,满足于任何网站后台管理开发,整体风格美观大方。
  • 基于bootstrap开发的电子商城首页项目,其使用的技术HTML+css3,
  • 基于spring mvc、spring、hibernate、bootstrap网上商城源码下载
  • bootstrap开发商城网站

    2020-03-21 14:59:24
    在前些日子做了一个模仿荣耀商城的网站,使用了bootstrap技术。做了几个常用的界面。      包括商城主页、商品分类页、商品详情页、购物车页、商品订单页。      ...

         在前些日子做了一个模仿荣耀商城的网站,使用了bootstrap技术。做了几个常用的界面。

         包括商城主页、商品分类页、商品详情页、购物车页、商品订单页。


         项目展示:

    在这里插入图片描述

    展开全文
  • 综合购物电商网站响应式bootstrap3商城模板,优惠券网站模板,促销折扣倒计时电商html5模板friday。
  • 响应式bootstrap商城网站模板
  • 数码女士靴子bootstrap商城模板
  • BootStrap实现商城首页

    万次阅读 2017-09-10 23:52:04
    BootStrap作为一个JS框架,在web开发上带来的便捷实在太大了。如图 这是个特别方便的文档,可以下载离线,也可以在官网上直接用。 附上一个效果图及自己的代码: 效果图就是这样,有很多框架就是直接官网模板...

    BootStrap作为一个JS框架,在web开发上带来的便捷实在太大了。如图



    这是个特别方便的文档,可以下载离线,也可以在官网上直接用。
    附上一个效果图及自己的代码:

    效果图就是这样,有很多框架就是直接官网模板复制过来简单的修改一下,而且很美观。
    <!DOCTYPE html>
    <html lang="zh-CN">
      <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- 上述3个meta标签*必须*放在最前面,任何其他内容都*必须*跟随其后! -->
        <title>Bootstrap 101 Template</title>
    
        <!-- Bootstrap -->
        <link href="bootstrap.css" rel="stylesheet">
        <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
        <script src="jquery-1.11.3.min.js"></script>
        <!-- Include all compiled plugins (below), or include individual files as needed -->
        <script src="bootstrap.min.js"></script>
    
        <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
          <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
          <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
      </head>
      <body>
          <div class="container">
                <div class="row">
                     <div class="col-lg-4 col-md-4 col-sm-6">
                            <img src="logo2.png">
                     </div>
                     <div class="col-lg-6 col-md-4 hidden-xs col-sm-6">
                            <img src="header.png">
                     </div>
                     <div class="col-lg-2 col-md-4" style="padding-top: 15px">
                            <a href="#">登陆</a>
                            <a href="#">注册</a>
                            <a href="#">购物车</a>
                     </div>
                </div>
          </div>
          <div class="container" style="margin-top: 10px">
                <nav class="navbar navbar-inverse" role="navigation">
      <!-- Brand and toggle get grouped for better mobile display -->
      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="#">首页</a>
      </div>
    
      <!-- Collect the nav links, forms, and other content for toggling -->
      <div class="collapse navbar-collapse navbar-ex1-collapse">
        <ul class="nav navbar-nav">
          <li class="active"><a href="#">手机数码</a></li>
          <li><a href="#">家用电器</a></li>
          <li><a href="#">鞋靴箱包</a></li>
          <li><a href="#">孕婴保健</a></li>
          <!-- <li><a href="#">傻逼</a></li> -->
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">所有分类 <b class="caret"></b></a>
            <ul class="dropdown-menu">
              <li><a href="#">手机数码</a></li>
              <li><a href="#">家用电器</a></li>
              <li><a href="#">鞋靴箱包</a></li>
              <li class="divider"></li>
              <li><a href="#">S孕婴保健</a></li>
              <li class="divider"></li>
              <li><a href="#">傻逼</a></li>
            </ul>
          </li>
        </ul>
        <form class="navbar-form navbar-right" role="search">
          <div class="form-group">
            <input type="text" class="form-control" placeholder="Search">
          </div>
          <button type="submit" class="btn btn-default">Submit</button>
        </form>
       <!--  <ul class="nav navbar-nav navbar-right">
          <li><a href="#">Link</a></li>
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
            <ul class="dropdown-menu">
              <li><a href="#">Action</a></li>
              <li><a href="#">Another action</a></li>
              <li><a href="#">Something else here</a></li>
              <li class="divider"></li>
              <li><a href="#">Separated link</a></li>
            </ul>
          </li>
        </ul> -->
      </div><!-- /.navbar-collapse -->
    </nav>
          </div>
          <div class="container">
                <div id="carousel-example-generic" class="carousel slide">
      <!-- Indicators -->
      <ol class="carousel-indicators">
        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
        <li data-target="#carousel-example-generic" data-slide-to="2"></li>
      </ol>
    
      <!-- Wrapper for slides -->
      <div class="carousel-inner">
        <div class="item active">
          <img src="1.jpg" alt="...">
          <div class="carousel-caption">
          </div>
        </div>
        <div class="item">
          <img src="2.jpg" alt="...">
          <div class="carousel-caption">
          </div>
        </div>
        <div class="item">
          <img src="1.jpg" alt="...">
          <div class="carousel-caption">
          </div>
        </div>
      </div>
    
      <!-- Controls -->
      <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left"></span>
      </a>
      <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right"></span>
      </a>
    </div>
          </div>
    
    <div class="container">
        <div class="row">
            <span id="" style="font-size: 30px;padding-left:33px;">
                热门商品   <img src="title2.jpg">
            </span>
        </div>
        <div class="row">
            <div class="col-md-2 col-sm-2 hidden-xs hidden-sm" style="height: 400px;">
                  <img src="big01.jpg" height="100%">  
            </div>
            <div class="col-md-10 col-sm-10" style="padding-left: 10px;">
                <div class="row">
                    <div class="col-md-6 hidden-xs hidden-sm" style="height:200px;width: 480px;">
                        <a href="#"><img src="middle01.jpg" height="100%" width="100%"></a>
                    </div>
                    <div class="col-md-2 col-sm-4 col-xs-6" align="center">
                        <a href="#"><img src="small03.jpg"></a>
                        <a href="#"><p><font color="gray">电炖锅</p></a>
                        <p><font color="red">¥399</font></p>
                    </div>
                    <div class="col-md-2 col-sm-4 col-xs-6" align="center">
                        <a href="#"><img src="small03.jpg"></a>
                        <a href="#"><p><font color="gray">电炖锅</p></a>
                        <p><font color="red">¥399</font></p>
                    </div>
                    <div class="col-md-2 col-sm-4 col-xs-6" align="center">
                         <a href="#"><img src="small03.jpg"></a>
                        <a href="#"><p><font color="gray">电炖锅</p></a>
                        <p><font color="red">¥399</font></p>
                    </div>
                </div>
                <div class="row">
                     <div class="col-md-2 col-sm-4 col-xs-6" align="center">
                        <a href="#"><img src="small03.jpg"></a>
                        <a href="#"><p><font color="gray">电炖锅</p></a>
                        <p><font color="red">¥399</font></p>
                    </div>
                    <div class="col-md-2 col-sm-4 col-xs-6" align="center">
                         <a href="#"><img src="small03.jpg"></a>
                        <a href="#"><p><font color="gray">电炖锅</p></a>
                        <p><font color="red">¥399</font></p>
                    </div>
                    <div class="col-md-2 col-sm-4 col-xs-6" align="center">
                         <a href="#"><img src="small03.jpg"></a>
                        <a href="#"><p><font color="gray">电炖锅</p></a>
                        <p><font color="red">¥399</font></p>
                    </div>
                      <div class="col-md-2 col-sm-4 col-xs-6" align="center">
                         <a href="#"><img src="small03.jpg"></a>
                        <a href="#"><p><font color="gray">电炖锅</p></a>
                        <p><font color="red">¥399</font></p>
                    </div>
                    <div class="col-md-2 col-sm-4 col-xs-6" align="center">
                         <a href="#"><img src="small03.jpg"></a>
                        <a href="#"><p><font color="gray">电炖锅</p></a>
                        <p><font color="red">¥399</font></p>
                    </div>
                    <div class="col-md-2 col-sm-4 col-xs-6" align="center">
                         <a href="#"><img src="small03.jpg"></a>
                        <a href="#"><p><font color="gray">电炖锅</p></a>
                        <p><font color="red">¥399</font></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <div class="container" style="margin-top:10px;">
            <div class="row">
                <div class="hidden-md hidden-sm hidden-xs" style="padding-left: 14px;">
                    <img src="ad.jpg" style="width: 100%">
                </div>
            </div>
    </div>
    
    <div class="container">
        <div class="row">
            <span id="" style="font-size: 30px;padding-left:33px;">
                热门商品   <img src="title2.jpg">
            </span>
        </div>
        <div class="row">
            <div class="col-md-2 col-sm-2 hidden-xs hidden-sm" style="height: 400px;">
                  <img src="big01.jpg" height="100%">  
            </div>
            <div class="col-md-10 col-sm-10" style="padding-left: 10px;">
                <div class="row">
                    <div class="col-md-6 hidden-xs hidden-sm" style="height:200px;width: 480px;">
                        <a href="#"><img src="middle01.jpg" height="100%" width="100%"></a>
                    </div>
                    <div class="col-md-2 col-sm-4 col-xs-6" align="center">
                        <a href="#"><img src="small03.jpg"></a>
                        <a href="#"><p><font color="gray">电炖锅</p></a>
                        <p><font color="red">¥399</font></p>
                    </div>
                    <div class="col-md-2 col-sm-4 col-xs-6" align="center">
                        <a href="#"><img src="small03.jpg"></a>
                        <a href="#"><p><font color="gray">电炖锅</p></a>
                        <p><font color="red">¥399</font></p>
                    </div>
                    <div class="col-md-2 col-sm-4 col-xs-6" align="center">
                         <a href="#"><img src="small03.jpg"></a>
                        <a href="#"><p><font color="gray">电炖锅</p></a>
                        <p><font color="red">¥399</font></p>
                    </div>
                </div>
                <div class="row">
                     <div class="col-md-2 col-sm-4 col-xs-6" align="center">
                        <a href="#"><img src="small03.jpg"></a>
                        <a href="#"><p><font color="gray">电炖锅</p></a>
                        <p><font color="red">¥399</font></p>
                    </div>
                    <div class="col-md-2 col-sm-4 col-xs-6" align="center">
                         <a href="#"><img src="small03.jpg"></a>
                        <a href="#"><p><font color="gray">电炖锅</p></a>
                        <p><font color="red">¥399</font></p>
                    </div>
                    <div class="col-md-2 col-sm-4 col-xs-6" align="center">
                         <a href="#"><img src="small03.jpg"></a>
                        <a href="#"><p><font color="gray">电炖锅</p></a>
                        <p><font color="red">¥399</font></p>
                    </div>
                      <div class="col-md-2 col-sm-4 col-xs-6" align="center">
                         <a href="#"><img src="small03.jpg"></a>
                        <a href="#"><p><font color="gray">电炖锅</p></a>
                        <p><font color="red">¥399</font></p>
                    </div>
                    <div class="col-md-2 col-sm-4 col-xs-6" align="center">
                         <a href="#"><img src="small03.jpg"></a>
                        <a href="#"><p><font color="gray">电炖锅</p></a>
                        <p><font color="red">¥399</font></p>
                    </div>
                    <div class="col-md-2 col-sm-4 col-xs-6" align="center">
                         <a href="#"><img src="small03.jpg"></a>
                        <a href="#"><p><font color="gray">电炖锅</p></a>
                        <p><font color="red">¥399</font></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <div class="container" style="margin-top:10px;">
            <div class="row">
                <div class="hidden-md hidden-sm hidden-xs" style="padding-left: 14px;">
                    <img src="footer.jpg" style="width: 100%">
                </div>
            </div>
    </div>
    
    <div class="container" style="margin-top: 10px;">
        <div class="row">
            <ul class="list-inline"  align="center">
                <li><a href="#">关于我们</a></li>
                <li><a href="#">联系我们</a></li>
                <li><a href="#">招贤纳士</a></li>
                <li><a href="#">法律声明</a></li>
                <li><a href="#">有情链接</a></li>
                <li><a href="#">支付方式</a></li>
                <li><a href="#">配送方式</a></li>
                <li><a href="#">服务声明</a></li>
                <li><a href="#">广告声明</a></li>
            </ul>
            <div style="text-align: center;margin-top: 5px;margin-bottom: 20px;">
                CopyRight 0000-9999 刘氏商城 版权所有
            </div>
        </div>
    </div>
      </body>
    </html>




    展开全文
  • bootstrap服饰购物商城网站模板
  • Bootstrap3通用商城模板

    2020-08-24 00:22:44
    Bootstrap3通用商城模板是一款响应式的电商网站模板素材下载。
  • bootstrap 实现商城布局

    2020-09-07 15:49:05
    商城首页 登录 注册 购物车 Toggle navigation 首页 手机数码 (current) 家用电器 鞋靴箱包 电脑办公 孕婴保健 所有分类 手机数码 家用电器 鞋靴箱包 电脑办公 孕婴保健 Submit ...
    <!DOCTYPE html>
    <html lang="zh-CN">
    
    	<head>
    		<meta charset="utf-8">
    		<!--声明文档兼容模式,表示使用IE浏览器的最新模式-->
    		<meta http-equiv="X-UA-Compatible" content="IE=edge">
    		<!--设置视口的宽度(值为设备的理想宽度),页面初始缩放值<理想宽度/可见宽度>-->
    		<meta name="viewport" content="width=device-width, initial-scale=1">
    		<!-- 上述3个meta标签*必须*放在最前面,任何其他内容都*必须*跟随其后! -->
    		<title>商城首页</title>
    
    		<!-- 引入Bootstrap核心样式文件 -->
    		<link href="../css/bootstrap.css" rel="stylesheet">
    
    		<!-- 引入jQuery核心js文件 -->
    		<script src="../js/jquery-1.11.3.min.js"></script>
    		<!-- 引入BootStrap核心js文件 -->
    		<script src="../js/bootstrap.min.js"></script>
    	</head>
    
    	<body>
    		<!--logo部分-->
    		<div class="container">
    			<div class="row">
    				<div class="col-lg-4 col-md-4 col-sm-6">
    					<img src="../img/logo2.png" />
    				</div>
    				<div class="col-lg-5 col-md-4 hidden-xs col-sm-6">
    					<img src="../img/header.png" />
    				</div>
    				<div class="col-lg-3 col-md-4 col-sm-12" style="padding-top: 15px;">
    					<a href="#">登录</a>
    					<a href="#">注册</a>
    					<a href="#">购物车</a>
    				</div>
    			</div>
    		</div>
    
    		<!--导航栏-->
    		<div class="container" style="margin-top: 10px;">
    			<nav class="navbar navbar-inverse">
    				<div class="container-fluid">
    					<!-- Brand and toggle get grouped for better mobile display -->
    					<div class="navbar-header">
    						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
    					        <span class="sr-only">Toggle navigation</span>
    					        <span class="icon-bar"></span>
    					        <span class="icon-bar"></span>
    					        <span class="icon-bar"></span>
    					    </button>
    						<a class="navbar-brand" href="#">首页</a>
    					</div>
    
    					<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
    						<ul class="nav navbar-nav">
    							<li class="active">
    								<a href="#">手机数码 <span class="sr-only">(current)</span></a>
    							</li>
    							<li>
    								<a href="#">家用电器</a>
    							</li>
    							<li>
    								<a href="#">鞋靴箱包</a>
    							</li>
    							<li>
    								<a href="#">电脑办公</a>
    							</li>
    							<li>
    								<a href="#">孕婴保健</a>
    							</li>
    							<li class="dropdown">
    								<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">所有分类 <span class="caret"></span></a>
    								<ul class="dropdown-menu">
    									<li>
    										<a href="#">手机数码</a>
    									</li>
    									<li>
    										<a href="#">家用电器</a>
    									</li>
    									<li>
    										<a href="#">鞋靴箱包</a>
    									</li>
    									<li role="separator" class="divider"></li>
    									<li>
    										<a href="#">电脑办公</a>
    									</li>
    									<li role="separator" class="divider"></li>
    									<li>
    										<a href="#">孕婴保健</a>
    									</li>
    								</ul>
    							</li>
    						</ul>
    						<form class="navbar-form navbar-right" role="search">
    							<div class="form-group">
    								<input type="text" class="form-control" placeholder="Search">
    							</div>
    							<button type="submit" class="btn btn-default">Submit</button>
    						</form>
    					</div>
    				</div>
    			</nav>
    		</div>
    		
    		<!--轮播图-->
    		<div class="container">
    			<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
    				<!-- Indicators -->
    				<ol class="carousel-indicators">
    					<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
    					<li data-target="#carousel-example-generic" data-slide-to="1"></li>
    					<li data-target="#carousel-example-generic" data-slide-to="2"></li>
    				</ol>
    
    				<!-- Wrapper for slides -->
    				<div class="carousel-inner" role="listbox">
    					<div class="item active">
    						<img src="../img/1.jpg" alt="...">
    						<div class="carousel-caption">
    							...
    						</div>
    					</div>
    					<div class="item">
    						<img src="../img/2.jpg" alt="...">
    						<div class="carousel-caption">
    							...
    						</div>
    					</div>
    					<div class="item">
    						<img src="../img/3.jpg" alt="...">
    						<div class="carousel-caption">
    							...
    						</div>
    					</div>
    				</div>
    
    				<!-- Controls -->
    				<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
    					<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
    					<span class="sr-only">Previous</span>
    				</a>
    				<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
    					<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
    					<span class="sr-only">Next</span>
    				</a>
    			</div>
    		</div>
    		
    		<!--热门商品-->
    		<div class="container" style="margin-top: 10px;">
    			<!--上面文字内容-->
    			<div class="row">
    				<span id="" style="font-size: 30px;padding-left: 33px;">
    					热门商品&nbsp;&nbsp;&nbsp;<img src="../img/title2.jpg" />
    				</span>
    			</div>
    			<!--图片内容-->
    			<div class="row">
    				<div class="col-md-2 col-sm-2 hidden-sm hidden-xs" style="height: 400px;">
    					<img src="../img/big01.jpg" height="100%"/>
    				</div>
    				<div class="col-md-10 col-sm-10" style="padding-left: 10px;">
    					<div class="row">
    						<div class="col-md-6 hidden-xs hidden-sm" style="height: 200px;width: 490px;">
    							<a href="#"><img src="../img/middle01.jpg" height="100%" width="100%"/></a>
    						</div>
    						<div class="col-md-2 col-sm-4 col-xs-6" align="center">
    							<a href="#"><img src="../img/small03.jpg" /></a>
    							<p><a href="#"><font color="gray">电炖锅</font></a></p>
    							<p><font color="red">¥399</font></p>
    						</div>
    						<div class="col-md-2 col-sm-4 col-xs-6" align="center">
    							<a href="#"><img src="../img/small03.jpg" /></a>
    							<p><a href="#"><font color="gray">电炖锅</font></a></p>
    							<p><font color="red">¥399</font></p>
    						</div>
    						<div class="col-md-2 col-sm-4 col-xs-6" align="center">
    							<a href="#"><img src="../img/small03.jpg" /></a>
    							<p><a href="#"><font color="gray">电炖锅</font></a></p>
    							<p><font color="red">¥399</font></p>
    						</div>
    					</div>
    					<div class="row">
    						<div class="col-md-2 col-sm-4 col-xs-6" align="center">
    							<a href="#"><img src="../img/small03.jpg" /></a>
    							<p><a href="#"><font color="gray">电炖锅</font></a></p>
    							<p><font color="red">¥399</font></p>
    						</div>
    						<div class="col-md-2 col-sm-4 col-xs-6" align="center">
    							<a href="#"><img src="../img/small03.jpg" /></a>
    							<p><a href="#"><font color="gray">电炖锅</font></a></p>
    							<p><font color="red">¥399</font></p>
    						</div>
    						<div class="col-md-2 col-sm-4 col-xs-6" align="center">
    							<a href="#"><img src="../img/small03.jpg" /></a>
    							<p><a href="#"><font color="gray">电炖锅</font></a></p>
    							<p><font color="red">¥399</font></p>
    						</div>
    						<div class="col-md-2 col-sm-4 col-xs-6" align="center">
    							<a href="#"><img src="../img/small03.jpg" /></a>
    							<p><a href="#"><font color="gray">电炖锅</font></a></p>
    							<p><font color="red">¥399</font></p>
    						</div>
    						
    						<div class="col-md-2 col-sm-4 col-xs-6" align="center">
    							<a href="#"><img src="../img/small03.jpg" /></a>
    							<p><a href="#"><font color="gray">电炖锅</font></a></p>
    							<p><font color="red">¥399</font></p>
    						</div>
    						<div class="col-md-2 col-sm-4 col-xs-6" align="center">
    							<a href="#"><img src="../img/small03.jpg" /></a>
    							<p><a href="#"><font color="gray">电炖锅</font></a></p>
    							<p><font color="red">¥399</font></p>
    						</div>
    					</div>
    				</div>
    			</div>
    		</div>
    				
    		<!--广告图片-->		
    		<div class="container" style="margin-top: 10px;">
    			<div class="row">
    				<div class="hidden-md hidden-sm hidden-xs " style="padding-left: 14px;">
    					<img src="../img/ad.jpg" style="width: 98%;"/>
    				</div>
    			</div>
    		</div>
    		
    		<!--最新商品-->
    		<div class="container" style="margin-top: 10px;">
    			<!--上面文字内容-->
    			<div class="row">
    				<span id="" style="font-size: 30px;padding-left: 33px;">
    					最新商品&nbsp;&nbsp;&nbsp;<img src="../img/title2.jpg" />
    				</span>
    			</div>
    			<!--图片内容-->
    			<div class="row">
    				<div class="col-md-2 col-sm-2 hidden-sm hidden-xs" style="height: 400px;">
    					<img src="../img/big01.jpg" height="100%"/>
    				</div>
    				<div class="col-md-10 col-sm-10" style="padding-left: 10px;">
    					<div class="row">
    						<div class="col-md-6  img-responsive" style="height: 200px;width: 490px;">
    							<a href="#"><img src="../img/middle01.jpg" height="100%" width="100%"/></a>
    						</div>
    						<div class="col-md-2 col-sm-4 col-xs-6" align="center">
    							<a href="#"><img src="../img/small03.jpg" /></a>
    							<p><a href="#"><font color="gray">电炖锅</font></a></p>
    							<p><font color="red">¥399</font></p>
    						</div>
    						<div class="col-md-2 col-sm-4 col-xs-6" align="center">
    							<a href="#"><img src="../img/small03.jpg" /></a>
    							<p><a href="#"><font color="gray">电炖锅</font></a></p>
    							<p><font color="red">¥399</font></p>
    						</div>
    						<div class="col-md-2 col-sm-4 col-xs-6" align="center">
    							<a href="#"><img src="../img/small03.jpg" /></a>
    							<p><a href="#"><font color="gray">电炖锅</font></a></p>
    							<p><font color="red">¥399</font></p>
    						</div>
    					</div>
    					<div class="row">
    						<div class="col-md-2 col-sm-4 col-xs-6" align="center">
    							<a href="#"><img src="../img/small03.jpg" /></a>
    							<p><a href="#"><font color="gray">电炖锅</font></a></p>
    							<p><font color="red">¥399</font></p>
    						</div>
    						<div class="col-md-2 col-sm-4 col-xs-6" align="center">
    							<a href="#"><img src="../img/small03.jpg" /></a>
    							<p><a href="#"><font color="gray">电炖锅</font></a></p>
    							<p><font color="red">¥399</font></p>
    						</div>
    						<div class="col-md-2 col-sm-4 col-xs-6" align="center">
    							<a href="#"><img src="../img/small03.jpg" /></a>
    							<p><a href="#"><font color="gray">电炖锅</font></a></p>
    							<p><font color="red">¥399</font></p>
    						</div>
    						<div class="col-md-2 col-sm-4 col-xs-6" align="center">
    							<a href="#"><img src="../img/small03.jpg" /></a>
    							<p><a href="#"><font color="gray">电炖锅</font></a></p>
    							<p><font color="red">¥399</font></p>
    						</div>
    						
    						<div class="col-md-2 col-sm-4 col-xs-6" align="center">
    							<a href="#"><img src="../img/small03.jpg" /></a>
    							<p><a href="#"><font color="gray">电炖锅</font></a></p>
    							<p><font color="red">¥399</font></p>
    						</div>
    						<div class="col-md-2 col-sm-4 col-xs-6" align="center">
    							<a href="#"><img src="../img/small03.jpg" /></a>
    							<p><a href="#"><font color="gray">电炖锅</font></a></p>
    							<p><font color="red">¥399</font></p>
    						</div>
    					</div>
    				</div>
    			</div>
    		</div>
    		
    		<!--广告图片-->
    		<div class="container" style="margin-top: 10px;">
    			<div class="row">
    				<div class="hidden-md hidden-sm hidden-xs " style="padding-left: 14px;">
    					<img src="../img/footer.jpg" style="width: 98%;"/>
    				</div>
    			</div>
    		</div>
    		
    		<!--友情链接和版权信息-->
    		<div class="container" style="margin-top: 10px;">
    			<div class="row">
    				<div class="" align="center">
    					<ul class="list-inline">
    						<li><a href="info.html">关于我们</a></li>
    						<li><a>联系我们</a></li>
    						<li><a>招贤纳士</a></li>
    						<li><a>法律声明</a></li>
    						<li><a>友情链接</a></li>
    						<li><a>支付方式</a></li>
    						<li><a>配送方式</a></li>
    						<li><a>服务声明</a></li>
    						<li><a>广告声明</a></li>
    					</ul>
    				</div>
    				<div style="text-align: center;margin-top: 5px;margin-bottom:20px;">
    					Copyright &copy; 2005-2016 传智商城 版权所有
    				</div>
    			</div>
    		</div>
    		
    	</body>
    
    </html>

     

    展开全文
  • 天融信
  • react+bootstrap商城项目

    2021-04-26 09:23:09
    react+bootstrap商城项目
  • 响应式服饰座椅bootstrap商城模板
  • 基于Bootstrap商城后台管理系统模板Moltran,四套风格,个人觉得很漂亮,很好用,演示地址:http://demo.srfish.com/
  • 水果蔬菜电子商务Bootstrap商城模板,
  • bootstrap服装整站商城模板
  • bootstrap响应式自行车商城模板
  • jQuery Bootstrap响应式商城网站模板,全套所有功能模块齐全。
  • Spring+Spring mvc+Mybatis+Bootstrap+Jquery+AngularJs+EasyUI 适用于: 课程设计,毕业设计,学习等等 系统介绍: 该项目为网上零食销售系统,前后端分离(含有权限管理,高德地图地位,ECharts图形展示等技术),...

    开发环境:
    Jdk8+Tomcat8+Mysql+Eclipse+Maven

    数据库:
    MySQL

    技术:
    Spring+Spring mvc+Mybatis+Bootstrap+Jquery+AngularJs+EasyUI

    适用于:
    课程设计,毕业设计,学习等等

    系统介绍:
    该项目为网上零食销售系统,前后端分离(含有权限管理,高德地图地位,ECharts图形展示等技术),可当作毕业设计

    请添加图片描述
    请添加图片描述
    请添加图片描述
    请添加图片描述
    请添加图片描述
    请添加图片描述
    请添加图片描述
    请添加图片描述
    请添加图片描述
    请添加图片描述
    请添加图片描述
    请添加图片描述

    展开全文
  • 响应Bootstrap电子商务模板,园艺、室内植物绿化相关电商网站。容易定制网站改变每一个元素
  • Java+Springboot+Mybatis+Mysql+Bootstrap+Maven实现网上商城系统.pdf
  • Java+Springboot+Mybatis+Mysql+Bootstrap+Maven实现网上商城系统,需要配置Maven环境,系统经多次测试,运行无误,请大家放心下载。
  • 响应式服装商城bootstrap模板
  • 响应式商城bootstrap网站模板
  • bootstrap

    2017-06-28 09:31:40
    bootstrap

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 5,803
精华内容 2,321
关键字:

bootstrap网上商城