Css 在twitter引导中使用什么来获取全屏元素?

Css 在twitter引导中使用什么来获取全屏元素?,css,twitter-bootstrap,responsive-design,twitter-bootstrap-3,Css,Twitter Bootstrap,Responsive Design,Twitter Bootstrap 3,我刚刚开始学习响应框架引导,我正试图找出如何为整个屏幕制作全宽元素 比如,我在读一篇文章,它指出通常你会使用.container,因为这会使屏幕上的内容居中,并在边缘添加填充物;它接着说,如果您希望它全屏显示,您应该使用.container fluid,因为它的宽度设置为100% 我下载了Bootstrap 3.20,但事实并非如此,它们完全相同: CSS: 因此,如果我想使用全屏方法,那么容器应该使用什么?区别在于它们用于设置容器大小的媒体查询: @media (min-width: 768p

我刚刚开始学习响应框架
引导
,我正试图找出如何为整个屏幕制作全宽元素

比如,我在读一篇文章,它指出通常你会使用
.container
,因为这会使屏幕上的内容居中,并在边缘添加填充物;它接着说,如果您希望它全屏显示,您应该使用
.container fluid
,因为它的宽度设置为
100%

我下载了Bootstrap 3.20,但事实并非如此,它们完全相同:

CSS:


因此,如果我想使用全屏方法,那么容器应该使用什么?

区别在于它们用于设置
容器大小的媒体查询:

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

.container fluid
始终是100%的,因此在您的情况下,您可能希望使用它,或者根据具体情况,您可以只使用普通的

为什么不尝试一下,看看它能做些什么?@DavidG ummmm。。。。。。。我做到了;根据我的问题和代码,它做了完全相同的事情。然后你做错了什么。正如koala_dev所解释的,流体容器不受限制,而是全宽使用。好的,但是
容器流体
的边缘仍然有填充,因此它不会全屏显示。@Brett如果你想要一个“真”的全宽元素,只需使用一个不带任何容器类的div,将
.container fluid
.row
组合,后者具有负边距以补偿填充
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}