부트스트랩 hobbyX 사이트 - part 2. 배너 만들기

부트스트랩 hobbyX 사이트 - part 2. 배너 만들기

 

제일 먼저 헤더를 생성하고 헤더에는 네비게이션 메뉴(navbar) 와 배너(banner)를 넣는다. 

 

헤더에 대한  스타일을 변경한다. ( style.css ) 

 

배너 만들기 

 

배너 디자인 변경을 위해서 banner, banner-heading, banner-par 를 추가한다. 

style.css 에서 banner 에 대한 디자인을 변경한다. 

처음 화면이 로딩될때, 글자의 움직임이 약같 어색해서 다음 옵션을 추가. 

Responsive View : 다음은 반응형뷰 디자인 

md 이상의 스크린에서는 우측정렬, sm 이하의 경우는 center 로 정렬한다. 

 

 

끝.