BootStrap을 이용해 중앙 정렬하기

 

부트스트랩에서 사용할 수 있는 컴포넌트를 이용하다보면 정렬을 따로 해주어야할 때가 있다. css를 직접 작성할 수도 있지만, 부트스트랩에서 정렬을 적용해놓은 클래스를 이용할 수도 있다.

 

1. 부트스트랩 홈페이지에 접속한 뒤 Docs 탭으로 이동

Bootstrap

 

2. 검색창에 flex 검색 후 검색결과로 이동

 

3. 원하는 정렬이 구현된 div 태그를 복사해 가져온다.

원하는 정렬을 구현한 div 태그를 골라 태그 사이에 정렬할 코드를 넣어준다.  

 

■ 정렬 전

■ 정렬 후