html - 为什么嵌套 div(Bootstrap 示例)如此普遍？

Question

Bootstrap 是我注意到这种做法的众多网站之一，对我来说这似乎很糟糕，但它已经足够普遍，并且由比我更有经验的人完成，我认为我一定遗漏了一些东西。以 Bootstrap 的 2.1.0 版本为例，如果您查看源代码，第 44-46 行(页面菜单顶部)是这些:

<div class="navbar navbar-inverse navbar-fixed-top">
  <div class="navbar-inner">
    <div class="container">

我了解每个类的相关 CSS 属性，以及使用框架的缺点，该框架旨在尽可能多的情况下对尽可能多的人有用，但基本上已经完成了设计我现在正在尝试清理我的标记.当 2 个(据我所知)就足够时，是否有理由使用 3 个 div？

虽然“.container”具有设置的宽度、清晰的属性和用于居中的边距设置，但我不明白为什么“.navbar-inner”与它的父级位于单独的 div 中。将它作为一个类添加到它的父 div 并减少一层嵌套似乎更有意义。

我是否应该保留此结构(或者就此而言，我应该将其纳入 future 的编码实践)？

Answer 1

嵌套 div 允许您单独设置样式和访问它们，这可以派上用场。但是当然这取决于您的实际需要，并且正如您所说，仅使用 css 而不使用过多的 div 就可以完成很多事情。