Question

我在Visual Studio 2015中创建了一个ASP.NET MVC项目，我选择了.Net Framework 4.5.2模板，因此它使用了bootstrap 3.0.0

我将_Layout.cshtml中的正文div从<div class="container body-content">修改为<div class="container-fluid body-content">，它有效（内容使用的是全宽）但是它如何工作？ Visual Studio IntelliSense没有捕获container-fluid，而且css文件中的任何地方都没有fluid。这里发生了什么？

Answer 1

我不确定你在看什么CSS文件，但是bootstrap 3肯定有一个.container-fluid类：

.container-fluid {
    padding-right:15px;
    padding-left:15px;
    margin-right:auto;
    margin-left:auto;
}

从CDN检查css文件中的自己（ctrl + f）：https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css

来自bootstrap 3 CSS grid documentation：

行必须放在.container（固定宽度）或 .container-fluid （全宽）内，以便正确对齐和填充。

编辑：我刚刚注意到你说bootstrap 3.0.0，我刚检查了CSS file你是对的。没有定义container-fluid类，因此我认为您不使用3.0.0

为什么容器流体工作？

1 个答案: