프레임워크 사용하기 : Bootstrap

코드잇 강의를 통해 반응형 웹사이트를 빠르게 만들수 있는 프레임워크 부트스트랩을 알게 되었다 

 

버튼같이 작은 요소부터 nav bar 나 grid 같이 웹사이트의 구조를 이루는 (아마도) 모든 것들의 정형화된 코드를 제공한다.

빠르게 적용해서 쓸 수 있지만 커스터마이징 하는게 쉽지는 않다고 한다.

 

실습하면서 써보니까 어느정도 익힐 수는 있었다. 

navbar, carousel(캐러셀), alert, grid, card (이미지 + 설명글) 등을 손쉽게 만들 수 있었다.

 

특히 반응형 웹사이트를 만들기 위해 그리드 구조를 사용하는 것이 유용했다.

  <div class="container">

    <div class="row">

      <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">

 

 

 

        </div>

      </div>

    </div>

 

패턴화된 class 이름을 통해 특정 웹사이트 크기에서 12칸으로 나뉘어진 그리드를 어떻게 차지할 것인지를 지정해준다

(나름대로 이해한 내용을 적어두려는데 무슨 직독직해하는 것처럼 썼네;)

 

완전 자유자재로 사용하진 못했고, 뭔가 원하는 레이아웃이 잘 안나와서 답답한 부분도 있었는데 요소 검사를 해보면서 원인 파악을 해볼 수 있었다. 

 

너무 양산형 웹사이트 느낌이 많이 나서 많이 쓰진 않는다고 한다.

 

https://getbootstrap.com/

Bootstrap

 

https://getbootstrap.kr/

Bootstrap