title: Does every element need to be placed inside row and column when using Foundation or Bootstrap grid?
body: <p>This is kind of theoretical question. I'm familiar with Foundation and recently with Boostrap too. I was wondering does each element on the website have to be placed inside .row>.column (for Foundation) or .container>.row>.col-<em>-</em> (for Bootstrap) even if I don't need the grid for this element, for instance when I want to have "back to top" button fixed in the bottom corner of the site (like below)? Will it be semantically correct?</p>
  
  <pre><code>html:
  
  &lt;button class='my-button'&gt;scroll to top&lt;/button&gt;
  
  
  css:
  
  .my-button {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 30px;
    height: 30px;
    //some other styling
  }
  </code></pre>