부트스트랩 (예쁜 CSS를 모아둔 것)

• bootstrap이란?

   부트스트랩이란? 예쁜 CSS를 미리 모아둔 것

   (CSS를 다룰 줄 아는 것과, 미적 감각을 발휘하여 예쁘게 만드는 것은

    다른 이야기이기 때문에, 현업에서는 미리 완성된 부트스트랩을 가져다 쓰는 경우가 많습니다.

 

자 그럼 부트스트랩 사용법에 대해 알아보겠습니다.

부트스트랩은 예쁜 CSS를 만들어 놓은 거라고 했는데요 아래 사이트가서 버튼을 둘러봅니다.

 

https://getbootstrap.com/docs/5.0/components/buttons/

Buttons

첫번째 파란색버튼을 사용하려면 primary라고 적혀있는 주소를 복사! 붙여 넣습니다.

다른 버튼색을 원한다면 다른버튼도 가능합니다.

주소를 바디에 안에 붙여넣으면 되겠네요?  하지만 출력이 안됩니다.

네 부트스트랩을 사용하려면 해당사이트의 템플릿(일정한 틀, 형식)을 붙여넣어 줘야합니다.

 

위의 사이트에 접속후 우측에보면 버전이 있습니다. 최신버전으로

누르시면 내용(크롬에 한글번역 기능이 있습니다.)에 스타터 템플릿이 있으며

해당 템플릿을 타이틀 밑에 복사 붙여준후 확인합니다.

 

짠 버튼이 잘 붙여진 것을 확인 할 수 있습니다.

 

 

버튼이름은 Primary 버튼태그안에 이름만 수정하면 반영이됩니다.