使用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
等。