Menu icon Foundation

My Posts

No Content

My Comments

Aaron Challis commented on Emmanuel Henri's post over 4 years

Hey buddy

You don't need to do anything special for this, in my app I just use something similar to this:

    <div class="grid-frame vertical">
      <div class="grid-content shrink" style="padding: 0;">
        <div class="primary title-bar">
          Title Bar
        </div>
      </div>

      <div ui-view class="grid-content">
      </div>

      <div class="grid content shrink">
        Footer Sticks to the Bottom
      </div>
    </div>

The 'shrink' class at the last grid content forces it to act like a kind of 'sticky' footer without any fuss. :)

Hope that helps.

Posts Followed

  • 2
    Replies
  • Footer with Apps

    By Emmanuel Henri

    footerapps

    How do we create a footer with Foundation apps like the one on the Zurb Foundation site? I mean I could create one with CSS but the grid-block and flexbox seem to be countering any attempts in making one. I tried a few things such as the medium-up-3 to ma... (continued)

    Last Reply by Aaron Challis over 4 years ago


Following

    No Content

Followers

My Posts

No Content

My Comments

You commented on Emmanuel Henri's post over 4 years

Hey buddy

You don't need to do anything special for this, in my app I just use something similar to this:

    <div class="grid-frame vertical">
      <div class="grid-content shrink" style="padding: 0;">
        <div class="primary title-bar">
          Title Bar
        </div>
      </div>

      <div ui-view class="grid-content">
      </div>

      <div class="grid content shrink">
        Footer Sticks to the Bottom
      </div>
    </div>

The 'shrink' class at the last grid content forces it to act like a kind of 'sticky' footer without any fuss. :)

Hope that helps.

Posts Followed


Following

  • No Content

Followers

  • No Content