Bootstrap：类参考

这可能看起来像一个愚蠢的问题，但有官方引导类参考吗？我在网站上查找，无法找到一个。Bootstrap：类参考

我期待，虽然一些例子，我会看到这样的东西：

<div class="container-fluid">

我怎么找出所有contain-fluid标签呢？我是否期望通过CSS深入每个课程来查看规则，然后明白它将如何影响我的页面？这似乎是一种快速设定假设并在稍后遇到问题的方法。

有没有官方的参考资料，我失踪了？我见过第三方编写的一些班级列表，但似乎总是会落后于新的变化，并可能包含内涵假设。

来源

2014-05-10 Chris Schmitz

不完全确定你的问题，但如果你寻找一个解释，引导样式的不同部分检查他们的网站在这里的例子。 http://getbootstrap.com/ –

向容器添加液体会使该部分分裂成12个部分，不管它有多大。所以如果你有一个标准的容器，其中有一个跨度为6的部分，然后在一个流体容器内，它应该使6个部分变为12. 方便的方式来保持网格格式和提高准确性。 –

关于流体：RTFM http://getbootstrap.com/2.3.2/scaffolding。html＃fluidGridSystem为BT2或http://getbootstrap.com/css/#grid为BT3 – pbenard

http://www.tutorialspoint.com/bootstrap/bootstrap_quick_guide.htm包含很多引导程序布局和css组件的很好的参考。

来源

2014-09-24 19:03:30 mti2935

不错，谢谢！这有很多解释我在找，我很欣赏这个链接。 –

Bootstrap 3转向“移动第一”方法。 .container实际上只存在于需要/想要方格布局的情况下。但是，如果您完全免除了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>

在2.x .container流体在自举3.X（http://getbootstrap.com/getting-started/#migration）代替由.container，所以容器是流体，但不是全宽。

您可以将该行用作流体容器，但您必须稍微调整它以避免水平滚动条。摘自文档（http://getbootstrap.com/css/#grid）..

“想要创建完全流畅布局（意味着您的网站拉伸视口的整个宽度）的人们必须将其网格内容用padding填充到包含元素中：0 15px;要偏移边距：0 -15px;在.rows上使用。“

演示：http://bootply.com/91948

更新引导3.1

容器流体已引导3.1再次返回。现在可以使用容器流体创建全宽布局：http://www.bootply.com/116382

来源

2014-09-23 10:45:30 al123

并非官方数据，但作为2016分之2https://bootstrapcreative.com/resources/bootstrap-3-css-classes-index/

打印的PDF文档，并与描述的可分类表通过类的列表，以帮助排序的电流。

来源

2016-02-09 20:48:03 JacobLett

Bootstrap：类参考

回答

相关问题