Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 如何设置一个12列的引导网格,宽度为960px,但行宽度为1280?_Css_Twitter Bootstrap_Responsiveness - Fatal编程技术网

Css 如何设置一个12列的引导网格,宽度为960px,但行宽度为1280?

Css 如何设置一个12列的引导网格,宽度为960px,但行宽度为1280?,css,twitter-bootstrap,responsiveness,Css,Twitter Bootstrap,Responsiveness,如何为12列设置960px引导网格,但每行的宽度为1280px,因此只有行背景图像/颜色的宽度为1280px,并且在160px(1280-960/2)的两侧都有填充 如果您使用的是引导框架,那么您将在之外使用 容器是在CSS中具有宽度的元素,而行没有宽度,因此当内容包含在容器中时,它将跨越页面的宽度 从引导CSS: @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px

如何为12列设置960px引导网格,但每行的宽度为1280px,因此只有行背景图像/颜色的宽度为1280px,并且在160px(1280-960/2)的两侧都有填充


如果您使用的是引导框架,那么您将在
之外使用

容器是在CSS中具有宽度的元素,而行没有宽度,因此当内容包含在容器中时,它将跨越页面的宽度

从引导CSS:

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}