Question

这是我的第一个问题，所以请不要严格判断。其实质如下：我想象文件的块结构作为印刷机 - 但当然非常遥远 - 因为印刷机已经具有内容和语义，而div的文档结构 - 只有它的骨架，并且必须添加两个提到的主题。我关注的一个问题是我应该将这个语义放在文档框架中，用twitter引导和定义结构形成 - 例如：

<div class="container">
    <div class="row">
        <div class="col-xs-12">
      Content, which must be wrapped in some semantically meaningfull element -    like, for example - article-preview class
        </div>
    </div>
</div>

我看到两种不同的方式，但不知道，在标记html文档方面有哪些更好的做法：

1）将语义类添加到元素中，该元素已经具有形成我的文档结构的类 - col-xs-12 - 或者按我的比喻。

<div class="container">
    <div class="row">
        <div class="col-xs-12 article-preview">
        'Content, which must be wrapped in some semantically meaningfull element like, for example - article-preview class'
        </div>
    </div>
</div>

2）或者在结构化块下添加全新的semanit块并将我的内容放在这里：

<div class="container">
    <div class="row">
        <div class="col-xs-12">
            <div class="article-preview">
      Content, which must be wrapped in some semantically meaningfull element -    like, for example - article-preview class
            </div>
        </div>
    </div>
</div>

如果这个问题对你来说有点愚蠢我很抱歉，但是我很长时间都在思考它，从现在开始它就无法解决它。

谢谢！

Answer 1

我更喜欢第二种方式。因为bootstrap cols有自己的样式和结构，所以如果你有其他样式或代码，请尝试第二种方式。

我认为我们应该保持自举结构。

Answer 2

使用第一种方法，因为我觉得第二种方法会使您的代码长时间不必要。

使用第一种方法，您也可以添加自定义样式。只需在bootstrap css之后添加样式表。

在twitter bootstrap骨架中放置语义上有意义的块？

2 个答案: