bootstrap过程化考核

最新推荐文章于 2022-05-08 15:22:01 发布
原创 最新推荐文章于 2022-05-08 15:22:01 发布 · 563 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#html5 #jquery #css #html

demo1

<!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 ">
			<div class="container-fluid navbar-default navbar-inverse navbar-fixed-top">
					<!-- 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="demo1.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><a href="index.html">首页 <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>
						</ul>
					</div><!-- /.navbar-collapse -->
				</div><!-- /.container-fluid -->
			</nav>
	</div>
<div style="position:relative; width:100%; height:100%;  " >
	<div class="header" style="position:absolute">
		  <h1 class="header">書虫图书馆</h1>
	</div>			
	<img src="img/111.jpeg" height="700px" width="100%"/>
		

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

index

<!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 ">
			<div class="container-fluid navbar-default navbar-inverse navbar-fixed-top">
					<!-- 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="demo1.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="index.html">首页 <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>
						</ul>
					</div><!-- /.navbar-collapse -->
				</div><!-- /.container-fluid -->
			</nav>
			<div class="img">
			  <div class="container ">
			    <div class="row">
					  <div class="col-md-12 col-md-12 ">
						  <h1 class="header">書虫图书馆</h1>
					  </div>
				  </div>
			  </div>
			</div>
</div>
		<div class="container-fluid bg-success"
最低0.47元/天 解锁文章

200万优质内容无限畅学
vue_t_v14
l1029455098的博客
03-21 2947
vue
Django用户登录与注册系统
weixin_34343000的博客
03-16 9439
一、创建项目 1.1.创建项目和app django-admin startproject mysite_login python manage.py startapp login 1.2.设置时区和语言 Django默认使用美国时间和英语，在项目的settings文件中，如下所示： LANGUAGE_CODE = 'en-us' TIME_ZONE = 'UTC...
bootstrap第一次大作业.rar
04-16
适合制作网页新手，非常简单的网页，bootstrap+html+css，实现网页跳转，图片自动切换
信号完整性分析大作业_沈阳职业院校技能大赛系列报道|（5）沙盘模拟企业经营、大数据财务分析、现代物流综合作业三个赛项在沈阳现代制造服务学校举行...
weixin_39748838的博客
11-21 165
10月27日至28日，2020年沈阳职业院校技能大赛沙盘模拟企业经营、大数据财务分析、现代物流综合作业三个赛项在沈阳现代制造服务学校开赛。来自沈阳市、鞍山市14所中职学校的19支代表队共76名参赛选手共聚赛场，同场竞技。 沙盘模拟企业经营赛项通过仿真企业，连续模拟四个会计年度的经营活动，在竞赛中，选手们将遇到企业经营中常出现的各种典型问题以及市场中变幻莫测的各种...
bootstrap综合大作业_我市秸秆综合利用率达74.7%
weixin_33492955的博客
12-25 120
近日，大庆市杜尔伯特蒙古族自治县江湾乡不少水田地块都在开展秸秆打包作业，一个个圆咕隆咚的秸秆包离田后，分别被送到取暖公司、秸秆压块厂和秸秆原料化利用企业， 实现了减少污染与综合利用效益并进。记者从大庆市农业农村局获悉，2020年，全市秸秆可收集量436.5万吨，截至12月7日，全市秸秆综合利用量326.3万吨、利用率74.7%。据大庆市农业农村局相关负责人介绍，该市明确了全市秸秆综合利用...
(学习笔记)Bootstrap写一个简单的博客首页
qq_56508310的博客
03-16 1069
Blog网站首页 一、效果图 二、代码部分 整体代码结构 1.导航栏代码 <nav class="navbar navbar-inverse"> <div class="container-fluid"> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header">
python 全栈开发，Day92(编程式的导航,vue页面布局,marked包的使用)
shykevin的博客
07-27 377
python 全栈开发，Day92(编程式的导航,vue页面布局,marked包的使用) 昨日内容回顾 1. 组件间的传值 1. bus --> 空Vue对象 通过向bus对象抛出自定义事件的方式在组件间传递信息 2. 注意事项： 1. bus.$on()应该在组件mount...
基于BootStrap的学生考核管理系统实现
11-18
本项目旨在利用现代化的技术手段，构建一个基于BootStrap的学生考核管理系统，以满足教育管理的需求。 1. **设计背景** 当前，传统的学生考核方式多依赖人工操作，存在工作效率低、信息不准确等问题。随着信息...
毕设项目：基于springboot + mybatis实现的校园过程化考核系统.zip
08-15
《基于SpringBoot+MyBatis实现的校园过程化考核系统》 在当今信息化时代，教育领域的管理系统已经成为不可或缺的一部分。本项目“校园过程化考核系统”就是利用先进的开发框架SpringBoot和持久层框架MyBatis，旨在...
毕业设计，基于ThinkPHP+MySql+Bootstrap开发的公司员工考勤工资考核系统，内含PHP完整源代码，数据库脚本
最新发布
01-18
毕业设计，基于ThinkPHP+MySql+Bootstrap开发的公司员工考勤工资考核系统，内含PHP完整源代码，数据库脚本 ...让数据库管理技术在“互联网+部门管理”信息化建设过程中，成为企业部门日常事务管理高效化、无
Django实战(一)-----用户登录与注册系统3（前端页面、登录视图）
weixin_30847939的博客
03-13 2809
基本框架搭建好了后，我们就要开始丰富页面内容了。最起码，得有一个用户登录的表单不是么？（注册的事情我们先放一边。） 一、 原生HTML页面 删除原来的login.html文件中的内容，写入下面的代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> ...
(学习笔记)Bootstrap-test3-用户管理
qq_56508310的博客
05-08 832
效果图（首页+管理） 首页 用户管理界面 代码部分 index.html <body> <nav class="navbar navbar-default"> <div class="container"> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header
BootStrap学习 Day1: 栅格系统/ 样式 / 插件 / 组件 / 旅游网案例（代码多为框架内复制使用）
qq_40027172的博客
07-07 338
Bootstrap 1.1 BootStrap概述 1. 概念： 一个前端开发的框架，Bootstrap，来自 Twitter，是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript 的，它简洁灵活，使得 Web 开发更加快捷。 * 框架:一个半成品软件，开发人员可以在框架基础上，在进行开发，简化编码。 * 好处： 1. 定义了很多的css样式和js插件。我们开发人员直接可以使用这些样式和插件得到丰富的页面效果。 2. 响应式布局。 * 同一套页面可以
BBS项目 注册界面and部分首页代码详解
weixin_34205826的博客
07-03 184
forms # 创建注册form类class RegForm(forms.Form): #创建注册用户字段 username = forms.CharField( label='用户名', max_length=16, min_length=4, error_messages={ "max_length":...
前端常用的script链接
weixin_47020721的博客
07-14 718
前端常用script链接 vue.js <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script> axios <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
狂神说Vue笔记
weixin_44541213的博客
04-01 2329
前端三要素了解前后分离的演变史第一个Vue程序1、什么是MVVM2、为什么要使用MVVMVue概述MVVM模式的实现者为什么要使用Vue.js第一个Vue程序基础语法指令1、v-bind2、v-if，v-elsev-else-if3、v-for4、 v-on 事件绑定5、v-model Vue双向绑定1、什么是双向绑定2、为什么要实现数据的双向绑定3、在表单中使用双向数据绑定什么是组件第一个Vue组件1、使用Vue.component（）方法注册组件2、使用props属性传递参数Axios异步通信1、什么.
个人常用框架网页引入代码CDN
qq_43217258的博客
09-06 438
vue.js //对于制作原型或学习，你可以这样使用最新版本： <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> //对于生产环境，我们推荐链接到一个明确的版本号和构建文件，以避免新版本造成的不可预期的破坏： <script src="https://cdn.jsdelivr.net/npm/vue@2.6.11"></script> jquery-2.1.4 百度压缩
Node 实现一个MVC相册资源管理器
weixin_33810006的博客
11-20 186
暂没有数据库，所以做的也是本地的资源管理器。 总体设计： app.js: var express = require("express"); var app = express(); //控制器 var router = require("./controller"); //设置模版引擎 app.set("view engine",...
个性化新闻资讯网站设计：Html与Bootstrap应用
本资源提供的设计报告中会详细介绍如何利用Bootstrap框架实现一个个性化新闻资讯网页的设计，包括页面布局、颜色搭配、字体选择、交互设计等方面。设计者需要充分考虑用户的需求和喜好，设计出既美观又实用的网页...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值