Bootstrap(부트스트랩)을 이용해서 개발 해보기

부트 스트랩은 프론트 엔드에서 상당히 사용이 많이 되고 있음

부트스트랩 버전 3과 버전 4는 차이가 많이 난다.

3,4는 jquery를 100%활용하고 있어서 굉장히 무겁다

현재 새로만들어지고 있는 버전 5는 jquery를 사용하지 않는다는데 아직 공개는 안됌

 

지금 사용할 버전은 4 버전을 쓸 것이다.

 

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">

<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<!-- Popper JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>

<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>

link(rel="stylesheet", href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css")
script(src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js")
script(src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js")
script(src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js")

이렇게 가져와서 변경해줌

---

색깔 변경하려면 여기 들어가서 참고

>> Node_bbs/layout.pug 확인