Zurb Foundation 스티커 바닥 글

Foundation 4를 사용하여 끈끈한 바닥 글을 갖고 싶습니다. <div class="footer">이 아닌 HTML5 <footer> 태그를 사용하고 싶습니다. 또한 프레임 워크의 다른 부분을 분해하지 않고 foundation.css를 변경하고 싶지 않습니다. 내가 http://tangerineindustries.com/download/sticky_footer/ 시도했지만 크롬과 IE 10에서 작동하지 않습니다. 어떤 제안 그것을 달성하는 방법 중 하나를 CSS 또는 js? app.css 및/또는 app.js 만 변경하면됩니까?Zurb Foundation 스티커 바닥 글

출처

2013-07-09 Ahmet Cetin

이 게시물은 CSS 만 사용하여 내가 가장 좋아하는 방법을 설명합니다. IE5 최대를 포함한 모든 주요 브라우저에서 작동 (I는하지만 IE8까지 테스트) : http://ryanfait.com/resources/footer-stick-to-bottom-of-page/

을 그리고 당신은 나침반을 사용하는 일이 있다면 내가 재단 4.

와 함께 사용, 그들은이 mixin은 다음과 같은 방법을 사용합니다. http://compass-style.org/reference/compass/layout/sticky_footer/

출처

2013-07-09 21:12:34 Graeck

직접 css 코드를 app.css에 넣고 있습니까? foundation.css를 수정하지 않으셨습니까? –

자신의 CSS 스타일이있는 곳이라면 어디서나 추가하고 싶습니다 (예, app.css/scss 일 수 있습니다). foundation.css는 수정하지 마십시오. foundation.css 다음에 app.css를 포함시켜야합니다. – Graeck

다음은 Foundation 5의 예입니다. http://codeply.com/go/h7A9aKhDc0 – ZimSystem

답변

관련 문제