Bootstrap Web 만들기 part. 6 Team 소개하기 ( bootstrap card 사용)

Bootstrap Web 만들기 part. 6 Team 소개하기 ( bootstrap card 사용) 

 

- bootstap card 를 사용해서 team members 소개한다. 

 

Team section 타이들 작성 

 

첫번째 멤버를 위한 bootstrap card 를 만든다. 

 

 

같은 방법으로 나머지 member 도 추가한다. 

 

Responsive view : 

화면크기에 따라 한줄에 보여지는 card 갯수를 조절한다. ( lg-4 / sm-10 ). 모든 card div 에 다음 class 를 추가한다. 

large 화면의 경우 3개가 한번에 보여지고, middle / small 화면의 경우 1개의 card 만 한줄에 보여진다. 

 

끝.