boostrap容器类container与container-fluid区别

原创 2018年04月17日 16:40:34
<div class="container">
  ...
</div>

Bootstrap 3 的 container class 用于包裹页面上的内容,内边距(padding)是固定宽度,container 的左右外边距(margin-right、margin-left)交由浏览器决定,这里为auto的话,那么默认就是居中显示,margin随浏览器变化而变化

.container {
   padding-right: 15px;
   padding-left: 15px;
   margin-right: auto;
   margin-left: auto;
}
container-fluid与container 类似,唯一的一点就是margin不随浏览器大小而改动


bootstrap中container类和container-fluid类的区别

container类和container-fluid类
  • sinat_27088253
  • sinat_27088253
  • 2016-03-26 09:48:06
  • 21384

bootstrap3中container与container_fluid容器的区别

.container与.container_fluid是bootstrap中的两种不同类型的外层容器,按照官方的说法,这两者的区别是: .container 类用于固定宽度并支持响应式布局的容器。...
  • hjb2722404
  • hjb2722404
  • 2015-04-24 10:06:30
  • 42528

bootstrap中的container类和container_fluid类的区别

container的类描述:.container{ padding-right:15px; padding-left:15px; margin-right:auto; ...
  • u010289890
  • u010289890
  • 2017-03-03 15:14:15
  • 1326

布局容器container 和流式布局容器container-fluid

布局容器 container container是用于布局页面的容器类.作用和网页的版心类似.container有固定的宽度和页面居中的效果. container的固定宽度是根据屏幕的大小来变化的...
  • Yeastone
  • Yeastone
  • 2017-10-12 17:00:47
  • 262

container-fluid container的区别

container-fluid container的区别*container-fluid的width是100%,而container的width是用媒体查询获得的动态尺寸。 container 类和...
  • lily2016n
  • lily2016n
  • 2016-12-05 09:50:35
  • 271

bootstrap中的container类和container-fluid类的区别

bootstrap中的container类和container-fluid类的区别
  • qq_36517520
  • qq_36517520
  • 2017-08-16 10:00:04
  • 159

关于BootStrap框架中的网格式布局详解,以及消除外边距和container-fluid属性的解释。

最近刚刚接触bootstrap框架,今天把网格化的不分了解了一下做一个总结。bootstrap框架将网格分成了十二个列 在不同的分辨率下每个列的宽度也不一样,当然同时也提供了相应分辨率下设置列宽的样...
  • beizijingzx
  • beizijingzx
  • 2017-07-25 16:13:46
  • 2927

Bootstrap : container 和container-fluid区别

Bootstrap responsive:.container-fluid{ margin:0; }.container{ margin:0 15px 0 15px; }
  • Bmorning
  • Bmorning
  • 2017-08-17 16:45:47
  • 129

container和container-fluid之间的区别

区别: .container 类用于固定宽度并支持响应式布局的容器。 .container-fluid 类用于 100% 宽度,占据全部视口(viewport)的容器。 个人理解: cont...
  • u013575984
  • u013575984
  • 2017-08-11 15:16:51
  • 93

浅析Delphi Container库

与Java和C++相比,Delphi对容器的支持实在少得可怜。Java有强大的集合框架,C++更有STL,Delphi有什么呢,不就是TList几个小巧的列表类,而TCollection系列的类更多只...
  • linzhengqun
  • linzhengqun
  • 2005-10-30 15:19:00
  • 4102
收藏助手
不良信息举报
您举报文章:boostrap容器类container与container-fluid区别
举报原因:
原因补充:

(最多只允许输入30个字)