Bootstrap

最新推荐文章于 2022-12-05 11:40:29 发布
最新推荐文章于 2022-12-05 11:40:29 发布
阅读量472 收藏
点赞数
文章标签： bootstrap
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_59791762/article/details/123610828
版权

代码

<!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>微博首页</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/index.css" rel="stylesheet">
    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
      <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <div class="navbar">
      
      <nav class="navbar navbar-default navbar-inverse navbar-fixed-top">
  <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="index.html">微博-首页</a>
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <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="document.html">微博列表</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="download.html">视频</a></li>
            <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-left">
        <div class="form-group">
          <input type="text" class="form-control" placeholder="您想搜索的内容">
        </div>
        <button type="submit" class="btn btn-default">搜索</button>
      </form>
      <ul class="nav navbar-nav navbar-right">
        <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>
          </ul>
        </li>
      </ul>
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>
    </div>
    <div class="container-fluid">
      
      <div class="row">
  <div class="col-md-2">
    <div class="list-group">
 
  <a href="#" class="list-group-item">首页</a>
  <a href="#" class="list-group-item">发现</a>
  <a href="#" class="list-group-item">消息</a>
  
</div>
  </div>
  <div class="col-md-7">
    <div class="panel panel-default">
  <div class="panel-body">
    <ul class="media-list">
  
  <li class="media">
    <div class="media-left">
      <a href="#">
        <img class="media-object" src="img/header.jpg" alt="...">
      </a>
    </div>
    <div class="media-body">
      <h4 class="media-heading"><a href="#">微博简介</a></h4>
      <p>微博，是基于用户关系的社交媒体平台，用户可以通过PC、手机等多种移动终端接入，以文字、图片、视频等多媒体形式，实现信息的即时分享、传播互动。微博基于公开平台架构，提供简单、前所未有的方式使用户能够公开实时发表内容，通过裂变式传播，让用户与他人互动并与世界紧密相连。作为继门户、搜索之后的互联网新入口，微博改变了信息传播的方式，实现了信息的即时分享。
</p>
      <div class="row">
  <div class="col-md-8">
     <span class="glyphicon glyphicon-user" aria-hidden="true">Yee</span>-<span class="userName" title="创建时间"> 2天前</span>
  </div>
  <div class="col-md-4"><span class="glyphicon glyphicon-eye-open " aria-hidden="true" title="阅读量"> 4</span><span class="glyphicon glyphicon-pencil " aria-hidden="true" title="点赞数"> 0</span></div>
</div>
    </div>
  </li>
  <li class="media">
    <div class="media-left">
      <a href="#">
        <img class="media-object" src="img/header.jpg" alt="...">
      </a>
    </div>
    <div class="media-body">
    <h4 class="media-heading"><a href="#">微博简介</a></h4>
      <p>微博，是基于用户关系的社交媒体平台，用户可以通过PC、手机等多种移动终端接入，以文字、图片、视频等多媒体形式，实现信息的即时分享、传播互动。微博基于公开平台架构，提供简单、前所未有的方式使用户能够公开实时发表内容，通过裂变式传播，让用户与他人互动并与世界紧密相连。作为继门户、搜索之后的互联网新入口，微博改变了信息传播的方式，实现了信息的即时分享。
</p>
      <div class="row">
  <div class="col-md-8">
     <span class="glyphicon glyphicon-user" aria-hidden="true">Yee</span>-<span class="userName" title="创建时间"> 2天前</span>
  </div>
  <div class="col-md-4"><span class="glyphicon glyphicon-eye-open " aria-hidden="true" title="阅读量"> 3</span><span class="glyphicon glyphicon-pencil " aria-hidden="true" title="点赞数"> 0</span></div>
</div>
    </div>
  </li>
  <li class="media">
    <div class="media-left">
      <a href="#">
        <img class="media-object" src="img/header.jpg" alt="...">
      </a>
    </div>
    <div class="media-body">
     <h4 class="media-heading"><a href="#">微博简介</a></h4>
      <p>微博，是基于用户关系的社交媒体平台，用户可以通过PC、手机等多种移动终端接入，以文字、图片、视频等多媒体形式，实现信息的即时分享、传播互动。微博基于公开平台架构，提供简单、前所未有的方式使用户能够公开实时发表内容，通过裂变式传播，让用户与他人互动并与世界紧密相连。作为继门户、搜索之后的互联网新入口，微博改变了信息传播的方式，实现了信息的即时分享。
</p>
      <div class="row">
  <div class="col-md-8">
     <span class="glyphicon glyphicon-user" aria-hidden="true">Yee</span>-<span class="userName" title="创建时间"> 2天前</span>
  </div>
  <div class="col-md-4"><span class="glyphicon glyphicon-eye-open " aria-hidden="true" title="阅读量"> 3</span><span class="glyphicon glyphicon-pencil " aria-hidden="true" title="点赞数"> 0</span></div>
</div>
    </div>
  </li>
  <li class="media">
    <div class="media-left">
      <a href="#">
        <img class="media-object" src="img/header.jpg" alt="...">
      </a>
    </div>
    <div class="media-body">
     <h4 class="media-heading"><a href="#">微博简介</a></h4>
      <p>微博，是基于用户关系的社交媒体平台，用户可以通过PC、手机等多种移动终端接入，以文字、图片、视频等多媒体形式，实现信息的即时分享、传播互动。微博基于公开平台架构，提供简单、前所未有的方式使用户能够公开实时发表内容，通过裂变式传播，让用户与他人互动并与世界紧密相连。作为继门户、搜索之后的互联网新入口，微博改变了信息传播的方式，实现了信息的即时分享。
</p>
      <div class="row">
  <div class="col-md-8">
     <span class="glyphicon glyphicon-user" aria-hidden="true">Yee</span>-<span class="userName" title="创建时间"> 2天前</span>
  </div>
  <div class="col-md-4"><span class="glyphicon glyphicon-eye-open " aria-hidden="true" title="阅读量"> 3</span><span class="glyphicon glyphicon-pencil " aria-hidden="true" title="点赞数"> 0</span></div>
</div>
    </div>
  </li>
  <li class="media">
    <div class="media-left">
      <a href="#">
        <img class="media-object" src="img/header.jpg" alt="...">
      </a>
    </div>
    <div class="media-body">
     <h4 class="media-heading"><a href="#">微博简介</a></h4>
      <p>微博，是基于用户关系的社交媒体平台，用户可以通过PC、手机等多种移动终端接入，以文字、图片、视频等多媒体形式，实现信息的即时分享、传播互动。微博基于公开平台架构，提供简单、前所未有的方式使用户能够公开实时发表内容，通过裂变式传播，让用户与他人互动并与世界紧密相连。作为继门户、搜索之后的互联网新入口，微博改变了信息传播的方式，实现了信息的即时分享。
</p>
      <div class="row">
  <div class="col-md-8">
     <span class="glyphicon glyphicon-user" aria-hidden="true">Yee</span>-<span class="userName" title="创建时间"> 2天前</span>
  </div>
  <div class="col-md-4"><span class="glyphicon glyphicon-eye-open " aria-hidden="true" title="阅读量"> 5</span><span class="glyphicon glyphicon-pencil " aria-hidden="true" title="点赞数"> 0</span></div>
</div>
    </div>
  </li>
  <li class="media">
    <div class="media-left">
      <a href="#">
        <img class="media-object" src="img/header.jpg" alt="...">
      </a>
    </div>
    <div class="media-body">
      <h4 class="media-heading"><a href="#">微博简介</a></h4>
      <p>微博，是基于用户关系的社交媒体平台，用户可以通过PC、手机等多种移动终端接入，以文字、图片、视频等多媒体形式，实现信息的即时分享、传播互动。微博基于公开平台架构，提供简单、前所未有的方式使用户能够公开实时发表内容，通过裂变式传播，让用户与他人互动并与世界紧密相连。作为继门户、搜索之后的互联网新入口，微博改变了信息传播的方式，实现了信息的即时分享。
</p>
      <div class="row">
  <div class="col-md-8">
     <span class="glyphicon glyphicon-user" aria-hidden="true">Yee</span>-<span class="userName" title="创建时间"> 2天前</span>
  </div>
  <div class="col-md-4"><span class="glyphicon glyphicon-eye-open " aria-hidden="true" title="阅读量"> 3</span><span class="glyphicon glyphicon-pencil " aria-hidden="true" title="点赞数"> 0</span></div>
</div>
    </div>
  </li>
  <li class="media">
    <div class="media-left">
      <a href="#">
        <img class="media-object" src="img/header.jpg" alt="...">
      </a>
    </div>
    <div class="media-body">
    <h4 class="media-heading"><a href="#">微博简介</a></h4>
      <p>微博，是基于用户关系的社交媒体平台，用户可以通过PC、手机等多种移动终端接入，以文字、图片、视频等多媒体形式，实现信息的即时分享、传播互动。微博基于公开平台架构，提供简单、前所未有的方式使用户能够公开实时发表内容，通过裂变式传播，让用户与他人互动并与世界紧密相连。作为继门户、搜索之后的互联网新入口，微博改变了信息传播的方式，实现了信息的即时分享。
</p>
      <div class="row">
  <div class="col-md-8">
     <span class="glyphicon glyphicon-user" aria-hidden="true">Yee</span>-<span class="userName" title="创建时间"> 2天前</span>
  </div>
  <div class="col-md-4"><span class="glyphicon glyphicon-eye-open " aria-hidden="true" title="阅读量"> 3</span><span class="glyphicon glyphicon-pencil " aria-hidden="true" title="点赞数"> 0</span></div>
</div>
    </div>
  </li>
  <li class="media">
    <div class="media-left">
      <a href="#">
        <img class="media-object" src="img/header.jpg" alt="...">
      </a>
    </div>
    <div class="media-body">
     <h4 class="media-heading"><a href="#">微博简介</a></h4>
      <p>微博，是基于用户关系的社交媒体平台，用户可以通过PC、手机等多种移动终端接入，以文字、图片、视频等多媒体形式，实现信息的即时分享、传播互动。微博基于公开平台架构，提供简单、前所未有的方式使用户能够公开实时发表内容，通过裂变式传播，让用户与他人互动并与世界紧密相连。作为继门户、搜索之后的互联网新入口，微博改变了信息传播的方式，实现了信息的即时分享。
</p>
      <div class="row">
  <div class="col-md-8">
     <span class="glyphicon glyphicon-user" aria-hidden="true">Yee</span>-<span class="userName" title="创建时间"> 2天前</span>
  </div>
  <div class="col-md-4"><span class="glyphicon glyphicon-eye-open " aria-hidden="true" title="阅读量"> 3</span><span class="glyphicon glyphicon-pencil " aria-hidden="true" title="点赞数"> 0</span></div>
</div>
    </div>
  </li>
  <li class="media">
    <div class="media-left">
      <a href="#">
        <img class="media-object" src="img/header.jpg" alt="...">
      </a>
    </div>
    <div class="media-body">
     <h4 class="media-heading"><a href="#">微博简介</a></h4>
      <p>微博，是基于用户关系的社交媒体平台，用户可以通过PC、手机等多种移动终端接入，以文字、图片、视频等多媒体形式，实现信息的即时分享、传播互动。微博基于公开平台架构，提供简单、前所未有的方式使用户能够公开实时发表内容，通过裂变式传播，让用户与他人互动并与世界紧密相连。作为继门户、搜索之后的互联网新入口，微博改变了信息传播的方式，实现了信息的即时分享。
</p>
      <div class="row">
  <div class="col-md-8">
     <span class="glyphicon glyphicon-user" aria-hidden="true">Yee</span>-<span class="userName" title="创建时间"> 2天前</span>
  </div>
  <div class="col-md-4"><span class="glyphicon glyphicon-eye-open " aria-hidden="true" title="阅读量"> 3</span><span class="glyphicon glyphicon-pencil " aria-hidden="true" title="点赞数"> 0</span></div>
</div>
    </div>
  </li>
</ul>
  </div>
  <nav aria-label="Page navigation">
  <ul class="pagination">
    <li class="disabled">
      <a href="#" aria-label="Previous">
        <span aria-hidden="true">&laquo;</span>
      </a>
    </li>
    <li class="active"><a href="#" >1</a></li>
    <li><a href="#">2</a></li>
    <li><a href="#">3</a></li>
    <li><a href="#">4</a></li>
    <li><a href="#">5</a></li>
    <li>
      <a href="#" aria-label="Next">
        <span aria-hidden="true">&raquo;</span>
      </a>
    </li>
  </ul>
</nav>
</div>
  </div>
  <div class="col-md-3">
    <div class="panel panel-default">
  <div class="panel-heading">
    <h3 class="panel-title"> 公告</h3>
  </div>
 <ul class="list-group">
 <li class="list-group-item"><a >已开通微博,欢迎大家进圈玩耍</a></li>
  
</ul>
</div>
<div class="panel panel-default visible-md visible-lg">
  <div class="panel-heading">
    <h3 class="panel-title">开发者名片</h3>
  </div>
  <ul class="list-group">
  <li class="list-group-item item_value">
                           <span class="item_label"> 网名：</span>&nbsp;&nbsp;&nbsp;<span class="label_value"> Yee&nbsp;|&nbsp;烊</span>
                        </li>
            <li class="list-group-item item_value">
                           <span class="item_label"> 职业：</span>&nbsp;&nbsp;&nbsp;<span class="label_value"> 学生</span>
                        </li>
            
                        <li class="list-group-item  item_value">
                            <span class="item_label"> QQ：</span>&nbsp;&nbsp;&nbsp;&nbsp;<span class="label_value"> 3192517023</span>
                        </li>
                        <li class="list-group-item  item_value">
                            <span class="item_label"> 微信：</span>&nbsp;&nbsp;&nbsp;<span class="label_value"> Yee</span>
                        </li>
                        <li class="list-group-item  item_value">
                            <span class="item_label"> 邮箱：</span>&nbsp;&nbsp;&nbsp;<span class="label_value"> Yee@china.cn</span>
                        </li>
</ul>
</div>
 <div class="panel panel-default visible-md visible-lg">
  <div class="panel-heading">
    <h3 class="panel-title">友情链接 </h3>
  </div>
 <ul class="list-group">
 <li class="list-group-item"><a >微博之家</a></li>
 <li class="list-group-item"><a >微博园地 </a></li> 
</ul>
</div>
  </div>
</div>
    </div>
    <div class="footer">
      <div id="copyright_foot" class="copyright">
    <div class="container">
      <div class="row">
        <div class="col-sm-12">
          <span>Copyright © <a href="">SHINE博客</a> </span> | <span><a href="" target="_blank">ICP备111号-2</a>
          </span>
          
          
        </div>
      </div>
    </div>
</div>
    </div>

<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="js/jquery.min.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>

运行结果

在这里插入图片描述
在这里插入图片描述

qq_59791762
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Bootstrap使用
m0_57774967的博客
04-24 5144
一、使用bootstrap步骤： 1.创建文件夹结构 2.创建html骨架结构 3.引入相关样式文件 4.书写内容（直接用bootstrap预先定义好的样式使用 修改bootstrap原来样式，注意权重问题） 要想学好bootstrap的关键在于知道它定义了哪些样式，以及这些样式能实现什么样的效果 布局容器 bootstrap需要为页面内容和栅格系统包裹一个.container容器，bootstrap预先定义好这个类，叫.container，它提供...
Bootstrap简介
归兮的博客
08-18 8576
bootstrap是一个基于HTML、CSS和Javascript语言编写的框架，具有简单、灵活的特性，拥有样式库、组件和插件，bootstrap常用来开发响应式布局和移动设备优先的Web项目，能够帮助开发者快速搭建前端页面。Bootstrap 4 概览_Bootstrap中文网什么是组件组件是一个抽象的概念，是对数据和方法的简单封装。用面向对象思想来说，将一些符合某种规范的类组合在一起就构成了组件，通过组件可以为用户提供某些特定的功能。...
bootstrap的安装
12-05 1748
再vue中用npm安装1)、使用指令 2)、安装成功后，能够在package.json文件夹中看到bootstrap这个模块。这时候需要在main.js中添加如下内容: 至此bootStrap也引入结束，接下来我们的重点来了，因为BootStrap与VUE有一个专门的设计叫做bootstrap-vue.js，所以我们引入它之后就可以直接使用它们提供的专有样式，比原生的bootStrap要好看很多3)、使用指令:4)、在main.js文件中添加:
bootstrap-4.6.2
06-13
Bootstrap是世界上最流行的前端开发框架之一，它为开发者提供了丰富的组件、样式和JavaScript插件，用于快速构建响应式和移动优先的网页。标题"bootstrap-4.6.2"表明我们讨论的是Bootstrap框架的第4版中的第6次次要...
bootstrap-4.3.1
06-30
在2018年1月下旬，Bootstrap团队发布了Bootstrap 4 正式版，4的最主要变化包括以下方面： 从 Less 迁移到 Sass 改进网格系统 缺省弹性框支持 Dropped wells, thumbnails, and panels for cards 合并所有 ...
bootstrap旅游网站
02-09
Bootstrap是世界上最流行的前端开发框架之一，尤其在构建响应式、移动优先的网页设计时，它提供了丰富的组件和样式。"Bootstrap旅游网站"项目显然利用了Bootstrap的强大功能来创建一个专门针对旅游业的网站模板。...
bootstrap-4.6.2下载bootstrap.min.cssbootstrap.bundle.min.js
11-12
在"bootstrap-4.6.2下载bootstrap.min.cssbootstrap.bundle.min.js"的标题中，我们可以看到两个关键文件：`bootstrap.min.css`和`bootstrap.bundle.min.js`。`bootstrap.min.css`是Bootstrap的核心CSS文件，经过压缩...
Bootstrap5 图标库 bootstrap-icons
09-30
Bootstrap5图标库bootstrap-icons是前端开发中一个非常实用的资源，它为开发者提供了大量美观、一致的SVG图标，可以方便地集成到Bootstrap5项目中，为网页设计增添丰富的视觉元素。Bootstrap图标库的设计理念是简洁...
【Datawhale AI 夏令营第三期学习笔记Taks1】 跑通baseline #Datawhale AI 夏令营
07-28
【Datawhale AI 夏令营第三期学习笔记Taks1】 跑通baseline #Datawhale AI 夏令营
餐厅营销策划方案.doc
07-28
商业计划书，创业计划书，项目计划书，计划书模板 【适用人群】：适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。
OpenMv串口通信，接收数据
07-28
OpenMV 是一个开源的机器视觉平台，它为嵌入式系统提供了强大的图像处理能力。OpenMV 主要面向对机器视觉有需求的开发者和爱好者，通过其强大的微控制器和摄像头模块，用户可以在低成本的前提下实现复杂的视觉任务。OpenMV 既可以用于教育领域，帮助学生理解图像处理和计算机视觉的基础知识，也可以用于工业应用，实现自动化检测、分类和导航等功能。 在 OpenMV 系统中，通信模块是实现与其他设备或系统互联互通的关键部分。OpenMV 支持多种通信协议，包括串口通信（UART）、I2C、SPI、CAN 和 USB 等。这些通信接口使得 OpenMV 可以方便地与各种传感器、执行器以及其他嵌入式设备进行数据交换，从而扩展其应用范围和功能。 串口通信（UART）是一种广泛应用于嵌入式系统的通信方式，具有实现简单、成本低廉的优点。OpenMV 的 UART 接口可以与单片机、PC 甚至其他 OpenMV 板卡进行数据传输，使得图像数据和处理结果能够及时传递给其他系统。这个是电赛智能送药小车利用openMv进行的串口通信接收数据的代码
【2021】新能源汽车简史：电动汽车沉浮录-Fastdata极数_62页.pdf
07-28
【2021】新能源汽车简史：电动汽车沉浮录-Fastdata极数_62页.pdf
【20210727】汽车行业：多因素共振导致6月乘用车销量同比走弱新能源车延续强势增长-中国银河_18页.pdf
07-28
【20210727】汽车行业：多因素共振导致6月乘用车销量同比走弱新能源车延续强势增长-中国银河_18页.pdf
多无人作战飞机编队空战智能决策方法
最新发布
07-28
针对多无人机编队空战战术决策问题，提出了基于案例推理（CBR）和规则推理（RBR）的战术决策方法。 在剖析战术决策案例特征的基础上，设计了一种基于框架结构的案例表示方法，并引入结构相似度和云模型理论以 改进传统的最近邻检索算法。最后，借用基于案例推理和规则推理设计的战术决策 GUI 界面，能够快速地从库中检 索出与当前空战态势最匹配的战术决策源案例，仿真结果证明该方法具有较好的有效性。
mysql-萌宠优购系统（源码+数据库）.rar
07-28
一、目的： 萌宠优购系统的开发主要是对购物车以及商品管理等功能的设计，用现有的技术进行系统设计，快速的处理信息。与管理员而言要方便对信息进行管理，而与用户交互的界面需要更美观、更具操作性，让用户使用起来轻松愉快，从而使得用户对本系统有一个依赖。 二、主要内容： 用户：用户注册、用户登录、浏览宠物、宠物收藏、加入购物车、宠物下单、查看订单、宠物评价、地址维护。 1.用户注册、登录：游客要进入商城购买宠物必须先注册，注册需要输入相应的信息，比如：用户名、密码等，输入信息不能为空，输入完成点击注册按钮，若所注册用户名已存在则注册失败，需要重新注册，若不存在则注册成功，成为萌宠优购的用户。注册成功后，输入正确的信息进行登录，登录成功后进入系统首页。 2.浏览宠物：用户进入系统首页，对宠物进行浏览挑选，也可以进行搜索用户自己感兴趣的小宠物进行浏览。 3.宠物收藏：在浏览的过程中遇到特别喜欢的小宠物加入收藏夹，方便下次查找。 4.加入购物车：用户可以将喜欢的小宠物加入购物车，等到想要购买的时候方便下单。
【20220617】新能源汽车行业：新能源豪华车正爆发，首推理想汽车！-东吴证券_45页.pdf
07-28
【20220617】新能源汽车行业：新能源豪华车正爆发，首推理想汽车！-东吴证券_45页.pdf
基于深度学习的行人检测系统，用于探测车前的行人并发出警告-可执行内含文档代码-可执行内含文档代码.zip
07-28
基于深度学习的行人检测系统，用于探测车前的行人并发出警告-可执行内含文档代码-可执行内含文档代码.zip
bootstrap
06-01
, int size) { this.name = name; this.color = color; this.size = size; } public String getName() { return name; } public void setName(String name) { this.name = name; } public StringBootstrap是一个开源的前端框架，它基于HTML、CSS、JavaScript开发，旨在帮助开发者快速构建现代化的响应式网站和Web应用程序。Bootstrap提供了一系列的CSS样 getColor() { return color; } public void setColor(String color) { this.color = color; } public int式和JavaScript插件，可以用于常见的UI组件、布局和交互效果，从而简化开 getSize() { return size; } public void setSize(int size) { this.size = size; } } ``` 发过程，提高开发效率。Bootstrap最初由Twitter的前端工程师开发，现已成为最流行的前端框架之一。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值