jQuery和bootstrap
1、
jQuery学习,搜索开发者网络:
js学习:
https://www.apeland.con/web/20/568
https://www.apeland.con/web/21
vue饿了么
ajax是实现前后端分离的最主要技术
2、jquery插件的使用案例:
www.jq22.com
直留下这个。然后查看元素,1,2是两台服务器。
3是文件,将文件保存下来并创建同样的目录:
将index.html中的路径都改正确
这个是支持移动设备的viewport <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
ie浏览器最高版本:<meta http-equiv="X-UA-Compatible" content="ie=edge">
点击格式化josn:
刚刚index.css没复制出来,出问题了。现在好了:
写管理系统,用这个改改就是;
http://www.jq22.com/jquery-info21468
网页模板->在学教育....
搜索 jquery 树
难实现的就找个模板
如果只要一部分,那就单独把一部分代码复制出来使用:
3、bootstrip
大数据可视化的时候用,hexo是个博客
bootstrip可视化布局,可以拖拽创建:https://www.bootcss.com/p/layoutit/
查看栅格:
这就是栅格,栅栏
可视化布局,可拖拽
拖拽导航栏,可编辑。
这个是1行12列的,改样式,
切换格式:
可预览和编辑切换:
可视化创建好之后。点击下载:
两种方式,复制粘贴使用。
结果不是预期效果,需要,或许是因为没有导入bootstrip的插件。
下载使用bootstrip插件,
下载后创建目录,引入想要使用的bootstrap.css
使用基础模板,将世界你好替换为自己想要的;
将路径为正确的路径:
<!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 Template</title> <!-- Bootstrap -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet"> <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询(media queries)功能 -->
<!-- 警告:通过 file:// 协议(就是直接将 html 页面拖拽到浏览器中)访问页面时 Respond.js 不起作用 -->
<!--[if lt IE ]>
<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>
<h1>你好,世界!</h1> <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery,所以必须放在前边) -->
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
</body>
</html>
https://v3.bootcss.com/getting-started/#template
使用方法见:
最新文章
- find命令与cat命令区别
- postgreSQL时间、日期函数
- NS2中修改载波侦听范围和传输范围
- [原创][LaTex]LaTex学习笔记入门
- python中的异常捕获怎么用?
- IOS设计模式之三(适配器模式,观察者模式)
- oracle10~11g在centos5~6版本上安装整体总结如下
- ubuntu on win VS ubuntu(virtual box)VS Cygwin
- ZOJ-2365 Strong Defence 贪心,BFS
- QVariant与自定义数据类型转换的方法
- 用LINQPad加上Tx驱动来分析log
- android 利用隐式Intent打开图片
- window.location.href问题,点击,跳转到首页
- 反射,得到Type引用的三种方式
- redis集群原理
- 利用jink的驱动软件j-flash 合并两个hex的方法,bootloader+app
- 使用selenium操作ant design前端的页面,感觉页面没加载完
- 使用QuertZ组件来搞项目工作流(一)
- Java基础(四)线程快速了解
- 查询 EBS 系统物料净重、毛重
热门文章
- linux修改系统时间和时区
- [LeetCode] 206. Reverse Linked List 反向链表
- 多核vs多处理器
- 关于Excel 2016 总要点击两次才能打开的解决方法
- springboot打war包部署到tomcat
- 如何立即回收内存C#
- canal部署启动的时候报错com.alibaba.druid.pool.DruidDataSource - testWhileIdle is true, validationQuery not set
- 如何创建Kafka客户端:Avro Producer和Consumer Client
- MySQL中主键id不连贯重置处理办法
- libevent实现对管道的读写操作