홈페이지의 구성을 소개합니다

내비게이션 바는 홈페이지의 전체적인 구성을 보여주는 역할을 합니다. 내비게이션을 통해서 다른 페이지로 이동하게 하거나 사용자가 원하는 기능을 찾아서 스스로 이동할수 있도록 합니다. 내비게이션 바는 일반적으로 HTML소스코드의 가장 위쪽에 위치하며 자바스크립트가 함께 사용됩니다.

홈페이지 보러 가기

Navbar:

Components 자주 사용되는 UI

반응형 웹 Grid
Alerts:
Carousel:슬라이드
Collapse:누르면 나타나는
Dropdowns:눌럿을때 내려오는
Forms:자주쓰는 폼
Modal:팝업창
Navs:메뉴 링크
navbar:메뉴바
Pagination:페이지 바꾸는 기능
Popovers:버튼 팝오버
Tooltips:버튼 안내창
Spinners:Loding...
Toasts:안내창

반응형 웹 Grid:

row는 하나의 행을 뜻하고 "col"은 열을 뜻한다."
"sm","md","lg"은 스몰,미듐,라지로 각각의 크기를 나타낸다

      규격:
      .col-:auto,
      .col-sm-:540px
      .col-md-:720px
      .col-lg:1140px
  
      <div class="row"> 
      <div class="col-md-3">Text</div> 
      </div>

Grid #1

Grid #2

Grid #3

Grid $4

Collapse:

Link with href

Some placeholder content for the collapse component. This panel is hidden by default but revealed when the user activates the relevant trigger.

Dropdowns

Modal:

Pagination:

Spinners:

Toasts:

Hello, world! This is a toast message.

Tooltips:

점보트론

홈페이지를 소개할때 사용하는 컴포넌트

내비게이션바

홈페이지의 구성

내비게이션 바는 홈페이지의 전체적인 구성을 보여주는 역할을 합니다. 내비게이션을 통해서 다른 페이지로 이동하게 하거나 사용자가 원하는 기능을 찾아서 스스로 이동할수 있도록 합니다. 내비게이션 바는 일반적으로 HTML소스코드의 가장 위쪽에 위치하며 자바스크립트가 함께 사용됩니다