[개발일지#017] 하단 footer bar 만들기

[참고]
김영한님 스프링 강의를 바탕으로 진행되는 토이프로젝트의 과정을 기록하는 글입니다. 
둥근 피드백은 언제나 환영입니다.

[오늘의 개발내용]
1. 하단 footer bar  만들어 적용하기

 

하단 푸터바를 만들 건데 푸터바는 화면 하단에 딱 붙어있어야 함. 

            #wrapper {
                min-height: 100%;
                position: relative;
            }
            footer{
                height: 80px;
                bottom: 0px;
                position: absolute;
                width: 100%;
                background-color: black;
            }

1. 검색해보니까 이런식으로 CSS를 주면 바닥에 잘 고정되어 붙어있음.

 

2. 푸터는 이런 식으로 아이콘을 나열 했고 아이콘은 역시나 부트스트랩에서 가져왔음

 

 

[구현화면]

(+) 하단의 홈아이콘, 작성아이콘에는 전체 타임라인 화면과 타임라인 등록화면의 링크를 붙여놓았고,

각 타임라인의 아이디를 클릭하면 사용자정보, 글내용을 클릭하면 상세보기로 이동되도록 링크를 옮겨 놓았다.