Notice
Recent Posts
Recent Comments
Link
Coding Note
SpringBoot) 블로그 프로젝트_6.부트스트랩을 이용한 화면 구현 본문
화면 구현에 유용한 사이트
부트스트랩 - 트위터
Materialize - 구글
이번 프로젝트는 부트스트랩을 사용할게요!
W3Schools Free Online Web Tutorials
W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.
www.w3schools.com
Tutorials > Learn Bootstrap 이동
이제 화면 구현해봅시다!
Navigation Bar 사용하기
Example 내리면 하단에 Demo 해서 코드 복사하기
- index.jsp
파일에 붙여넣기
footer 코드 복사해서 붙여 넣기
body에 코드 넣기(Container)
< 구현한 페이지 >
여기서 또 하나 꿀팁!!
(저도 강의 보면서.. 배웠어요!)
하단 작업 표시줄에서 터치 키보드 단축키 표시 설정하시면 이모티콘 사용이 수월해요!
🚎🚚🚘🚍🛵🚲
2일차 스터디 완료!!
'SpringBoot > 블로그만들기PJ' 카테고리의 다른 글
| SpringBoot) 블로그 프로젝트_8.로그인,암호화, 글등록 (0) | 2022.03.18 |
|---|---|
| SpringBoot) 블로그 프로젝트_7.부트스트랩을 이용한 화면 구현2, 회원가입 (0) | 2022.03.18 |
| SpringBoot) 블로그 프로젝트_5.JSON 통신 이론 (0) | 2022.03.17 |
| SpringBoot) 블로그 프로젝트_4.yml설정, 테이블 생성 (0) | 2022.03.17 |
| SpringBoot) 블로그 프로젝트_3.Git (0) | 2022.03.16 |
'SpringBoot/블로그만들기PJ' Related Articles
more
