날아라쩡글이의 블로그입니다.

bootstrap설정하기 본문

중앙 HTA (2106기) story/JSP story(Apache)

bootstrap설정하기

날아라쩡글이 2021. 11. 16. 10:17
반응형

https://getbootstrap.kr/docs/5.1/getting-started/introduction/

 

시작하기

세계에서 가장 인기있는 프레임워크인 Bootstrap으로 반응형, 모바일 우선 사이트를 jsDelivr와 스타터 페이지 템플릿을 통해 시작해보세요.

getbootstrap.kr

스타터템플릿을 복사한다 
이클립스에서 template을 검색하고 
JSP Files의 template에서 new로 새롭게 등록하고 name을 설정 context는 newJsp로 선택한다
앞으로 JSP파일을 등록할 때 그부분을 선택하고 등록하면 된다. 
html에서 <%@ page language="java" contentType="text/html; charset=${encoding}"
    pageEncoding="${encoding}"%>
<!doctype html>
<html lang="ko">
이부분을 등록하고 new라고 눌러줘야 부트스트랩을 사용할 수 있다. 

 

사용자지정 
사용자가 지정해서 선택할 수 있다. 
레이아웃, 컨텐츠, 도우미, 유틸리티까지 사용할 예정이다. 

레이아웃 

  • 화면 구성을 어떻게 할 건지 지정할 수 있다. 
  • 이렇게 구성할 수 있다. 

컨텐츠 

  • text의 설정이 작성이 되어있다.
  • 이미지 나타내는 방법
  • 표를 나타내는 방법 

  • 입력폼을 만드는 방법이 자세하게 작성되어 있다. 

컴포넌트 

  • 유용한 화면 구성요소를 구성할 수 있다. 
  • 예를들면 버튼을 만들 수 있다. 
반응형

'중앙 HTA (2106기) story > JSP story(Apache)' 카테고리의 다른 글

비밀번호 단방향 암호화키 만들기  (0) 2021.11.18
httpSession  (0) 2021.11.18
절대주소와 상대주소  (0) 2021.11.15
paging처리하기, 페이징처리하기  (0) 2021.11.12
JSP tip  (0) 2021.11.11
Comments