본문 바로가기

IT 공부

4. BootStrap

BootStrap이란?

 

부트 스트랩이란, 간단하게 이야기하자면 디자인(CSS, JavaScript)을 모아놓은 프레임 워크이다

다양한 개발자들이 html 파일을 만들었을 때 디자인이 일치하지 않는 불편함을 없애기 위해서

다양한 소스코드를 제공해준다

 

BootStrap을 사용하기 위한 필수 코드

 

현재 버전이 5.2.0버전으로 Bootstrap 홈페이지에서 해당 소스를 가져올 수 있다

 

[CSS]

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet">

[JavaScript]

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.bundle.min.js"></script>

 

 

BootStrap 참고 사이트

 

[BootStrap]

https://getbootstrap.com/docs/5.2/getting-started/introduction/

 

Get started with Bootstrap

Bootstrap is a powerful, feature-packed frontend toolkit. Build anything—from prototype to production—in minutes.

getbootstrap.com

 

[Alert(알림창)]

https://sweetalert2.github.io/

 

SweetAlert2

A beautiful, responsive, customizable and accessible (WAI-ARIA) replacement for JavaScript's popup boxes

sweetalert2.github.io

 

[Templet]

https://startbootstrap.com/templates/admin-dashboard

 

[Icon]

https://fontawesome.com/

 

Font Awesome

The world’s most popular and easiest to use icon set just got an upgrade. More icons. More styles. More Options.

fontawesome.com

 

 

 

 

'IT 공부' 카테고리의 다른 글

6. Spring security  (0) 2022.06.11
5. REST / REST API / RESTFUL  (0) 2022.06.10
3. Spring & MyBatis & AWS 배포 및 셋팅  (0) 2022.06.06
2. AWS 웹 호스팅  (0) 2022.06.06
1. Git Hub - STS 연동  (0) 2022.06.04