Bootstrap Web 만들기 part. 4 Skills 만들기

Bootstrap Web 만들기 part. 4 Skills 만들기

 

skill section 에 들어갈 내용를 준비한다. 

 

skills 디자인

첫번째 Skills에 대한 내용을 추가한다. 

 

두번째 세번째 skill 의 경우는 첫번째 코드를 복사해서 이름과 아이콘을 변경해서 사용한다. 

 

Responsive view 에 대해서 확인해보자. 

 

 - col-lg-4  : large 화면에서는 4개의 grid 사용

 - col-sm-10 : small 화면에서 10개의 grid 사용

 - mx-auto : x축 margin 자동 설정

 - mb-5 : bottom margin 5

 

이제 화면을 줄였을때 보다 자연스런 화면을 볼수 있다. 

 

끝.