Css 引导:可以将列类分配给标题标记吗

Css 引导:可以将列类分配给标题标记吗,css,twitter-bootstrap,grid-layout,Css,Twitter Bootstrap,Grid Layout,这样可以吗 <div class="row"> <h3 class="col-md-12"> ... </h3> <div class="col-md-6"> ... </div> <div class="col-md-6"> ... </div> </div> ... ... ... 我的意思是,是否有任何理由认为将引导网格类分配给标题标记是不好的做法?我想不出任

这样可以吗

<div class="row">
    <h3 class="col-md-12"> ... </h3>
    <div class="col-md-6"> ... </div>
    <div class="col-md-6"> ... </div>
</div>

... 
... 
... 

我的意思是,是否有任何理由认为将引导网格类分配给标题标记是不好的做法?我想不出任何这样的原因,但我总是看到这样的类只用于div。

这不是一个好主意。我会这样做:

<div class="row">
    <div class="col-md-12">
        <h3> ... </h3>
    </div>
    <div class="col-md-6"> ... </div>
    <div class="col-md-6"> ... </div>
</div>

... 
... 
... 

.col-*-*
类应仅用于布局目的

这不是一个好主意,因为你把版面和排版混为一谈

也就是说,在Bootstrap3.3.4中,这里比较了两种(直接)样式(左侧为h1,右侧为col-xs-12)

如果回溯并查看.css文件中的顺序,当它们不同时,h1属性在某些情况下优于col(直接和继承的)属性,它们不会弄乱影响布局的属性(边距、填充、浮点、显示…),它们要么相同,要么不冲突

因此,实际上,您不会有任何问题,但如果使用不同版本的引导或覆盖标准样式,则可能会发生变化

这不是一个好主意和做法

<div class="row">
    <div class="col-md-12">
        <h3> ... </h3>
    </div>
    <div class="col-md-6"> ... </div>
    <div class="col-md-6"> ... </div>
</div>
每个元素html标记都应该在一个节中,这意味着我们应该使用div和span。div标记用于定义文档的一个节。使用div标签,您可以将HTML元素的大部分组合在一起,并使用CSS对其进行格式化。因为默认情况下,div没有属性/样式,但其他标记自然有一些样式。如果您为div应用类,它的反应会非常完美,但其他标记应该覆盖样式,然后只会对我们期望的样式作出反应。我希望澄清您的疑问,以利于您练习一下,让我们来看看

示例

<div class="row">
    <div class="col-md-12">
        <h3> ... </h3>
    </div>
    <div class="col-md-6"> ... </div>
    <div class="col-md-6"> ... </div>
</div>

... 
... 
... 

我同意它并不理想。网格元素仅用于布局,不应与标题混合使用。

是的,我通常都是这样做的。但我认为这真的是必要的,因为标题标记也是块级元素,通常只由文本节点组成。为什么实际上需要有周围的div?是的,这些类用于布局目的。如果你想给你的标题加一个更好的填充物呢?然后它打破了布局!