我已经开始在freecodecamp上学习编码并且与容器，内联vs块与内联块以及bootstrap 12列系统混淆。
我已经搜索了容器和块（内联块）之间的区别，但它只解释了它们各自的作用，据我所知，它们做同样的事情，将网站划分为可以设置样式和调整大小的块。块将被放置在容器中，但是在这里，如果我们有块，容器的用途是什么。
（在其他结果中，发现：https://teamtreehouse.com/community/div-containers-div-wrappers不回答我的问题，并让我问自己是什么包装器和那：https://developer.mozilla.org/en-US/docs/Web/CSS/All_About_The_Containing_Block但这篇文章让我更加困惑）
我是初学者，如果我的问题对大多数人来说非常基本，我很抱歉，但我真的需要理解这个概念。谢谢谁帮帮忙！
正确理解技术术语的含义并使其适应环境至关重要。 inline，block和inline-block是HTML规范中明确定义的单词。我不确定你究竟指的是哪个container，因为从上下文中不清楚。你的意思是css-containers？
bootstrap是一个框架，它本身不是HTML规范的一部分。
freecodecamp使用了许多框架并且似乎非常受欢迎，但它们没有专门的stackoverflow策略，相反，它们拥有自己的论坛。
在这方面，你的问题在这里是偏离主题的，应该在这里发布：https://forum.freecodecamp.org/
他们甚至说
我们的论坛就像露营者的Stack Overflow
希望我能提供帮助，当你学到更多关于HTML，CSS和JavaScript的知识并遇到你的第一个真正的“bug”时，回到这里我们会弄清楚:-)
顺便说一下，我喜欢w3schools：https://www.w3schools.com/html/html_blocks.asp
更具体一点：有些元素会有“自己的”线，这些是通常的块元素。然后是内嵌元素，它们嵌入在当前行流中。需要注意的重要事实是：所有这些HTML元素都带有默认的css配置，您可以更改它！所以完全有可能通过指定不同的css使div（默认为'block'元素）成为inline元素。反之亦然，你可以通过覆盖它的默认css使跨度表现得像block元素。 firefox控制台中的CSS窗格可以显示每个元素涉及的所有css规则。这意味着它不仅可以显示您定义的样式，还可以显示每个元素附带的默认样式。
尽管如此，了解block的意义非常重要，因为“新线”应用只是对正在发生的事情的简化。使用HTML元素似乎是一个好主意，它与我想要的最接近并改变它的行为。如果它是右侧的广告，例如，您将使用div并从那里开始，而不是，让我们说一个span并尝试将其弯曲到您的意愿（这是完全可能的，但会导致有问题和不直观的代码）。
当我开始使用HMTL和CSS时，对于HTML代码和呈现的网页并排是非常有帮助的。它有助于我的学习过程。我使用Dreamweaver（不确定它是否仍然存在），现在你可能需要的只是jsfiddle和一个开发firefox（只是一个带有一堆扩展的常规firefox，这使得开发变得更容易）。我过去使用过Firebug，但现在每个主流浏览器都配有控制台，调试功能和实时代码编辑。只需在firefox中点击F12并享受乐趣:-)