概述
是html/css/js的一个集成框架 使页面的开发更加的简单,方便,快捷文章源自JAVA秀-https://www.javaxiu.com/473.html
作用
1 提供了大量的插件,用起来更加的简单方便文章源自JAVA秀-https://www.javaxiu.com/473.html
2 可以制作响应式页面的开发文章源自JAVA秀-https://www.javaxiu.com/473.html
响应式:制作一套项目页面可以兼容不同的设配(pc端 pad端 手机端)文章源自JAVA秀-https://www.javaxiu.com/473.html
Bootstrap的使用
快速入门文章源自JAVA秀-https://www.javaxiu.com/473.html
- 1.bootstrap的中文学习网站: http://www.bootcss.com/
- 2.下载bootstrap-3.3.5-dist —开发环境包 把解压后的3个文件导入要开发的项目中
- 3.参考文档基本模板引入文件 (3个meta 1个css文件2个js文件)
- 4.布局容器
Bootstarp的响应式页面技术实现原理(栅格系统)
栅格系统:随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多12列。文章源自JAVA秀-https://www.javaxiu.com/473.html
媒体查询:为我们的视图提供样式设定文章源自JAVA秀-https://www.javaxiu.com/473.html
当屏幕大于1200px的时候,我们可以选择使用提供好的样式来分列 col-lg-xx文章源自JAVA秀-https://www.javaxiu.com/473.html
当屏幕大于992并且小于1200px的时候,我们可以选择使用提供好的样式来分列 col-md-xx文章源自JAVA秀-https://www.javaxiu.com/473.html
当屏幕大于768并且小于992的时候,我们可以选择使用提供好的样式来分列 col-sm-xx文章源自JAVA秀-https://www.javaxiu.com/473.html
当屏幕小于768px的时候,我们可以选择使用提供好的样式来分列 col-xs-xx文章源自JAVA秀-https://www.javaxiu.com/473.html
Bootstarp的组成部分
组成部分:全局css样式 组件 javascript的插件文章源自JAVA秀-https://www.javaxiu.com/473.html
全局css样式 :提供了表格 按钮 图片 表单等文章源自JAVA秀-https://www.javaxiu.com/473.html
组件:提供了下拉菜单 分页 导航条等文章源自JAVA秀-https://www.javaxiu.com/473.html
javascript的组件:提供了模态框 轮播图等文章源自JAVA秀-https://www.javaxiu.com/473.html
Nginx服务器部署项目
需求:想将自己制作的首页让所有人都能访问到文章源自JAVA秀-https://www.javaxiu.com/473.html
条件: 使用服务器(nginx)文章源自JAVA秀-https://www.javaxiu.com/473.html
特点:存放到这个服务器上的项目可以让所有人通过浏览器去访问到文章源自JAVA秀-https://www.javaxiu.com/473.html
ps:只能放静态资源(html js css.图片) 不能存放动态资源(servlet/jsp)—tomcat服务器文章源自JAVA秀-https://www.javaxiu.com/473.html
注意:不能放在中文文件名下文章源自JAVA秀-https://www.javaxiu.com/473.html
方式一:直接将项目放入html文件夹中 通过浏览器访问项目名即可文章源自JAVA秀-https://www.javaxiu.com/473.html
方式二:通过配置文件的方式文章源自JAVA秀-https://www.javaxiu.com/473.html
location / {文章源自JAVA秀-https://www.javaxiu.com/473.html
root E:\bootstarp; (项目在磁盘的存放位置)文章源自JAVA秀-https://www.javaxiu.com/473.html
index index.html index.htm; (项目中默认打开的页面)文章源自JAVA秀-https://www.javaxiu.com/473.html
}文章源自JAVA秀-https://www.javaxiu.com/473.html
root:指定项目地址文章源自JAVA秀-https://www.javaxiu.com/473.html
index:指定要访问的页面文章源自JAVA秀-https://www.javaxiu.com/473.html
nginx命令:文章源自JAVA秀-https://www.javaxiu.com/473.html
启动服务器:start nginx文章源自JAVA秀-https://www.javaxiu.com/473.html
重新启动服务器:nginx -s reload文章源自JAVA秀-https://www.javaxiu.com/473.html
停止服务器:nginx -s stop文章源自JAVA秀-https://www.javaxiu.com/473.html

评论