I have been exploring both Foundation and Bootstrap frameworks lately. A theoretical question came to my mind - do I always need to place each element inside .row>.column (for Foundation) or .container>.row>.col-- (for Bootstrap), even if I don't require a grid layout for that particular element? For example, consider the scenario of wanting a "back to top" button fixed in the bottom corner of the site as shown below. Would it still be semantically correct?
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
}