一页上有几个容器 [英] Several containers at one page

问题描述

我最近开始使用 Twitter Bootstrap 并试图了解它是如何工作的.我正在查看 流体布局示例 源代码.有两个容器(div class="container-fluid").使用两个容器而不是添加一个容器和几行的原因是什么(

I have recently started to use Twitter Bootstrap and trying to understand how it works. I am looking at fluid layout example source code. There are two containers (div class="container-fluid"). What is the reason to use two containers instead of adding one container and several rows (

推荐答案

每个可用的 .container-fluid 都包含演示页面的两个不同部分.第一个包含顶部固定导航栏，它具有与其余内容不同的响应行为.第二个是在内容部分找到的 .container-fluid，它包含页面的主要内容.

Each .container-fluid available is housing two different sections of the demo page. The first houses the top fixed navbar, which has a different responsive behavior than the rest of the content. And the second is the .container-fluid found in the content section, which is there to contain the main content of the page.

所以为了回答您的问题，有两个 .container-fluid 容器，因为页面的两个部分的响应行为不同.

So to answer your question, there are two .container-fluid containers because of different responsive behavior on the two sections of the page.

这篇关于一页上有几个容器的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！