-
本版专家分：0结帖率 96.3% -
如下图所示，我怎么把整个容器居中 ，我目前是按照自己的屏幕分辨率设置的margin，但是如果别人的笔记本分辨率没我这么大，岂不是
没有居中了，有什么别的办法吗？
ps:本人java开发，前端小白，望理解，谢谢
-
本版专家分：14055
-
- 签到新秀 累计签到获取，不积跬步，无以至千里，继续坚持！
-
- 红花 2019年9月 Web 开发大版内专家分月排行榜第一
-
-
黄花
2020年6月 Web 开发大版内专家分月排行榜第二
2020年4月 Web 开发大版内专家分月排行榜第二
2020年3月 Web 开发大版内专家分月排行榜第二
2019年10月 Web 开发大版内专家分月排行榜第二
-
-
.container {
width: 800px;
margin:170px auto 0 auto;
text-align:center;
}
固定一个宽度左右自动填充
-
本版专家分：14055
-
- 签到新秀 累计签到获取，不积跬步，无以至千里，继续坚持！
-
- 红花 2019年9月 Web 开发大版内专家分月排行榜第一
-
-
黄花
2020年6月 Web 开发大版内专家分月排行榜第二
2020年4月 Web 开发大版内专家分月排行榜第二
2020年3月 Web 开发大版内专家分月排行榜第二
2019年10月 Web 开发大版内专家分月排行榜第二
-
-
用的bootstrap直接用class控制就行了。
col-xs-12 最小屏满屏
col-sm-12 小屏满屏
col-md-10 col-md-offset-1 中屏居中 左右填充1个位置
col-lg-8 col-lg-offset-2大屏居中 左右填充2个位置
可以按照自己的布局配置填充
-
本版专家分：67
-
- 签到新秀 累计签到获取，不积跬步，无以至千里，继续坚持！
-
-
水平居中也就是设置margin：0 auto；
水平垂直都居中可以用flex布局，父元素设置display：flex;align-items:center;justify-content:center ;
或者使用定位position
至于屏幕适应可以采用楼上的bootstrap布局，或者盒子宽度不要写死，使用百分比 或者响应式布局都可以
- Bootstrap与Vue快速上手教程
本系列课程以Bootstrap官方资料为基础，全面透彻解析了Bootstrap的各个方面的知识；通过专业化的分析转化，把晦涩难懂的理论转化为简单的语言和直观的实例，让大家在边看边学边练中掌握Bootstrap的使用。Vue.js...
- BootStrapTable表格利器通用教材
基于Bootstrap 开发响应式界面，固定表头，完全可配置，支持data属性，显示/隐藏列，显示/隐藏表头，使用AJAX获取JSON数据，点击表头可简单的进行排序，支持自定义列显示，支持单/复选，强大的分页功能，支持名片...
- BootStrap快速入门基础教程系列
课程目标从零开始系统学习Bootstrap，并学习其各个组件的使用方法及作用，带你一步一步进入bootstrap的世界，带你快速上手BootStrap的基础操作。适用人群想学习bootstrap的人群，在前端方面想晋级的人群，想快速搭建...
- 使用 Bootstrap 4 提升网页实战教程
使用Bootstrap 4提升网页实战视频课程，课程内容包含使用bootstrap开发购物网、Landing page、个人网站、企业网站、客制化网站都将难不倒您！这堂课会手把手地透过Bootstrap 4 实作各种业界案例，有了这样的加持，...
- 基于Servlet+JDBC+Bootstrap+MySQL+AJAX权限管理系统实战教程
本系列课程主要讲述如何利用Servlet3.0+JDBC+Bootstrap+MYSQL+Ajax+构建企业级应用解决方案,主要分为两部分完成第一部分：设计部分，通过需求分析，设计物理模型，画出原型界面（HTML）第二部分：编码部分，具体实现...
- bootstrap bootstrap-3.3.7
这个里面 包含整个bootstrap源程序 你所需要的都在了、里面.Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。 本教程将向您...
- Bootstrap4基础入门到精通
从Bootstrap的基础知识，如何安装，如何变通简易的调用讲起，逐步讲解Bootstrap中的CSS相关布局、布局组件如何调用；讲解Bootstrap相关的插件；同步实战代码和演练解说。
- JAVA Maven Spring Boot Mybatis bootstrap增删改查分页实战
JAVA Maven3.5.2 Spring Boot1.3.0 Mybatis3.2.8 bootstrap3.3.7 Mysql5.1.4 pageHelp4.1.6增删改查分页实战
- 通俗易懂的Bootstrap视频课程（适合初学者的教程）
基于Bootstrap v3.3.7版本，以通俗易懂的方式讲解Bootstrap框架技术，适合初学者的教程，让你少走弯路！ 1. Bootstrap简介、起步、栅格系统、全局CSS样式、组件、插件等 2. 采用笔记+代码案例的形式讲解，通俗易懂
- Bootstrap3从基础到案例实战，完美实现响应式网站案例
Bootstrap介绍和Bootstrap各个版本之间的差异对比。通过Bootstrap3这一稳定版本对Bootstrap的基本起步、全局css样式、组件以及相关的插件进行介绍。重点讲解栅格布局这一核心内容对实现响应式布局的支持，配合其他...
- bootstrap-editable.zip
可编辑bootstrap-table及相关组件：bootstrap3、bootstrap-table相关、bootstrap-table-editable.js、bootstrap-editable.js、bootstrap-editable.css； 配合起来，可以实现可编辑bootstrap-table列表。代码实现： ...
- JS组件Bootstrap Table使用方法详解
JS组件Bootstrap Table使用方法详解 转载 2016年03月21日 15:06:09 标签： Bootstrap Table 最近客户提出需求，想将原有的管理系统，做下优化，通过手机也能很好展现，想到2个方案: a方案：保留原有的页面，新设计...
- 框架springmvc4+mybatis3+echarts3+bootstrap3教程(ssm）
但实际互联网中，SpringMVC完全替代Struts系列，注解+restful风格定义url，让地址非常优雅，再配上企业实战架构SpringMVC4 ， Spring 4， MyBatis3，JQuery，JQueryUI，Echarts3，Bootstrap3，MVC，Ajax堪称完美。...
- bootstrap实现登录页面
实现静态的登录页面，借助于bootstrap框架。Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架，使得 Web 开发更加快捷。 ...
- Java系列技术之SSM+Bootstrap权限项目实战
带大家用SSM+Bootstrap实战了一下某项目权限控制的部分，对没怎么写过项目的同学，应该会有比较大的收获。
- 基于bootstrap的管理系统
基于bootstrap的后台管理系统基于bootstrap的后台管理系统基于bootstrap的后台管理系统基于bootstrap的后台管理系统基于bootstrap的后台管理系统基于bootstrap的后台管理系统基于bootstrap的后台管理系统基于...
- 后台UI框架bootstrap-table+sweetalert
表格组件神器:bootstrap table 需要引入的css: <link rel="stylesheet" type="text/css" href="/resources/bootstraptable/css/sweetalert.css?v=4.1.0"> <link rel="stylesheet" type="text/css" href="/...
- bootstrap3-dialog 基于bootstrap3的弹出层组件
* 本js只是在bootstrap3-dialog的基础上进行的2次封装， * bootstrap3-dialog已经是非常好用了，调用也非常简单。 * 详情请访问：https://github.com/nakupanda/bootstrap3-dialog， * 这是原项目地址，可以自行...
- html+css实战1-仿bootstrap写一个简单css库
通过仿写一部分bootstrap库的功能，理解如何去实现一个css库，并且学会如何去使用这个库去完成各种页面布局
- bootstrap-table 分页Demo
bootstrap-table后端分页的参数设置Demo。 bootstrap-table是一款非常有名的开源表格插件，在很多项目中广泛的应用。Bootstrap-table插件提供了非常丰富的属性设置，可以实现查询、分页、排序、复选框、设置显示列、...