Fatal编程技术网
  • css/
  • Css HTML5&；引导类="；货柜；，它可以应用于body还是仅应用于div？

Css HTML5&；引导类="；货柜；，它可以应用于body还是仅应用于div？

css html twitter-bootstrap class

Css HTML5&；引导类="；货柜；，它可以应用于body还是仅应用于div？,css,html,twitter-bootstrap,class,containers,Css,Html,Twitter Bootstrap,Class,Containers,我不断地碰到这个问题，每个人都坚持： a） 想要用div包装HTML5语义标签，以及 b） 希望将类选择器应用于div而不是语义标记。这就好像出于某种原因，人们害怕将类放到语义标记上 例如，我经常被告知这是“不正确的” ... 这样比较好 <body> <div class="container"> <div class="row"> <div class="col-md-12"> ... ... 在

我不断地碰到这个问题，每个人都坚持： a） 想要用div包装HTML5语义标签，以及 b） 希望将类选择器应用于div而不是语义标记。这就好像出于某种原因，人们害怕将类放到语义标记上

例如，我经常被告知这是“不正确的”


...
这样比较好

<body>
   <div class="container">
      <div class="row">
          <div class="col-md-12"> ...


...
在这里，第一个例子是h2标记中的column类

    <div class="row">
        <h2 class="col-4 feature">Featured Work</h2>
    </div>


特色作品
但“正确”的方法是添加另一个div标记来应用该类

    <div class="row">
        <div class="col-4 feature">
            <h2>Featured Work</h2>
        </div>
    </div>


特色作品
我知道这可能是基于意见的，但我发现在处理HTML5时，意见实际上很重要，因为几乎每个人都有问题，没有意见就没有其他办法解决细节。

我建议坚持

<body>
   <div class="container">
      <div class="row">
          <div class="col-md-12"> ...


...
格式

如果您打算与许多其他开发人员或引导模板合作，您将看到容器类通常嵌套行类div

因为我们讨论的是标记，所以没有正确的答案，但强烈建议遵循此约定

  • 为了一致性
  • 对于样式的简单更改和其他项目的可重用性，这甚至为从其他项目或引导模板替换css样式表打开了大门。（我在这方面取得了一些令人惊讶的好结果）
    • 但是，如果您坚持要给非div标签“container”和“col-X”标签，请保持一致。我不会推荐它，并且会考虑遵循它自己约定的任何模板来指示代码质量差。p> 你的观点是正确的，stackoverflow不是为了什么。你所有的例子都完全正确。使用一种风格并坚持它。这是一个非常固执己见的问题，但我建议坚持文档中所说的。将
    容器
    应用于body对我来说没有意义，但如果它能满足您的需要，那就去做吧。将CSS类应用于HTML标记并没有错。如果您的代码需要，您可以这样做，尽管我不理解为什么设计需要这样做很重要。另外，关于所谓的“正确”方式，为什么专门插入div标记只是为了应用CSS？不管怎样，这更多的是一个偏好的问题，你会发现大多数答案更多的是观点，而不是“最佳实践”。@Padawan确切地说，他们注定是矛盾的！！这是矛盾的原因，因为“如果代码需要，您可以这样做”和“我无法理解为什么设计需要这样做很重要”仅仅是没有任何技术推理支持的观点，而是个人偏好支持的观点。换句话说，这两个相互矛盾的陈述都没有提供或甚至试图提供任何技术论据。因此，任何答案都会散发出意见的味道，而不是任何技术原因或最佳实践。@Padawan好吧，首先，你很清楚这两种方法都能产生输出。你所需要知道的是，哪一种是做这件事的“更好的方法”。答案是没有，但如果你对获取意见更感兴趣，那么你的问题的确切性质（就片段而言）可以更好地在我们的其他网站上提供- 
    <body>
   <div class="container">
      <div class="row">
          <div class="col-md-12"> ...