使用Foundation或Bootstrap网格时,是否每个元素都需要放置在行和列中?

问题描述:

这是一种理论问题。我对基金会很熟悉,最近也对Boostrap很熟悉。我想知道网站上的每个元素都必须放在.row> .column(对于Foundation)或.container> .row> .col- -(对于Bootstrap),即使我不需要网格这个元素,例如当我想要在网站的底部角落固定“返回顶部”按钮时(如下图)?它在语义上是否正确?使用Foundation或Bootstrap网格时,是否每个元素都需要放置在行和列中?

html: 

<button class='my-button'>scroll to top</button> 


css: 

.my-button { 
    position: fixed; 
    bottom: 30px; 
    right: 30px; 
    width: 30px; 
    height: 30px; 
    //some other styling 
} 

没有,一切不来一个.row或列元素中。

.row.col-*-*只是BootStrap提供的实用程序类,可帮助您布置页面。他们的名字很容易记住他们。它们不提供关于元素/页面的附加信息,并且可以称为.my-big-fat-row等。