Css 引导:类引用

Css 引导:类引用,css,twitter-bootstrap,Css,Twitter Bootstrap,这似乎是一个愚蠢的问题,但是有官方的引导类参考吗?我在网站上看了看,找不到一个 我正在查看一些示例,我将看到如下内容: <div class="container-fluid"> 我该如何计算所有包含流体的标记的作用?我是不是应该为每个类挖掘css来查看规则,然后预测它将如何影响我的页面?这似乎是一种快速做出假设并在以后遇到问题的方法 有没有我遗漏的官方参考资料?我见过一些由第三方编写的类列表,但似乎这些类列表总是会落后于新的更改,并且可能包含对内涵的假设 Bootstrap

这似乎是一个愚蠢的问题,但是有官方的引导类参考吗?我在网站上看了看,找不到一个

我正在查看一些示例,我将看到如下内容:

<div class="container-fluid">

我该如何计算所有
包含流体的标记的作用?我是不是应该为每个类挖掘css来查看规则,然后预测它将如何影响我的页面?这似乎是一种快速做出假设并在以后遇到问题的方法

有没有我遗漏的官方参考资料?我见过一些由第三方编写的类列表,但似乎这些类列表总是会落后于新的更改,并且可能包含对内涵的假设

Bootstrap 3采用了“移动优先”的方法。容器实际上只有在您需要/想要方形布局的情况下才存在。但是,如果完全豁免div.container-fluid,默认情况下将保留流体布局

例如,要具有两列流体布局,只需使用:

<body>
<header>...</header>
<div style="padding:0 15px;"><!-- offset row negative padding -->
<div class="row">
  <div class="col-md-6">50%</div>
  <div class="col-md-6">50%</div>
</div>
</div>
<footer>...</footer>
</body>

...
50%
50%
...
在bootstrap3.x()中,2.x.container流体被.container替换,因此.container是流体,但不是全宽的

可以将该行用作流体容器,但必须稍微调整它以避免出现水平滚动条。摘自文件()

“希望创建完全流畅的布局(意味着您的站点延伸了整个视口的宽度)的用户必须将其网格内容包装在包含元素中,填充:0 15px;以偏移边距:0-15px;用于.rows。”

有关3.x中更改的更多信息:

演示:

Bootstrap 3.1的更新


在Bootstrap 3.1中,容器流体再次返回。现在可以使用container fluid创建全宽布局:

包含许多引导布局和css组件的非常好的参考。

不是官方的,但自2016年2月起生效


可打印的pdf和带有描述的可排序表,有助于分类列表。

不完全确定您的要求,但如果您想了解引导样式的不同部分的解释,请查看他们网站上的示例。向容器中添加液体将使该部分分裂为12个部分,无论它有多大。因此,如果你有一个标准容器,其中有一个跨度为6的部分,然后在其中有一个流体容器,它应该把6个部分变成12个。保持网格格式和提高精度的简便方法。关于流体:RTFM用于BT2或BT3@TheLittlePig当前位置那本手册正是我在原来的帖子中要求的。如果我找不到它,我就找不到它。当我查看主引导网站时,我看到的文档的唯一链接是在一个非常长的网页的最底部。RTFM是一种糟糕的回答问题的方式,因为它假设这个人还没有尝试过。arg0,感谢您的解释和指向该站点的提示。我不认为主引导网站的例子很清楚,但该网站的2.3.2部分更清楚一点。@TheLittlePig,你给我指出了一个过时的版本。这令人沮丧。您转到任何其他框架,都会得到一个命令、组件、类等的列表,并对每个组件进行了解释。这就是我所寻找的bootstrap。例如,我正在引导页面上查看navbar示例,我看到类“navbar toggle”。页面上没有任何内容可以解释该类的功能。我可以通过它的名称和示例来推断它的作用,但是没有一个参考说明它的作用,或者为什么需要数据属性,等等。很好,谢谢!这有很多我想要的解释。我很感激这个链接。