브라우저 크기를 줄여 모바일에서 어떻게 반응하는지 확인하세요.

이 문서샘플은 디자인솔의 모든 레이아웃에 적용되는 반응형 문서샘플입니다. 타사 레이아웃도 가능하며, CMS와 상관없이 모든 웹문서에 적용할수 있습니다. 무료 다운로드하여 깔끔한 웹문서를 만들어보세요. 최대한 쉽게 적용할수 있도록 만들어서 사용법도 간단합니다. ^^

반응형웹 문서샘플 tab.html_탭, bootstrap tab

by 디자인솔 posted Oct 30, 2019

탭 디자인을 꼭 써야할까요?

반응형웹에서 탭 디자인을 쓰는 것에 대해서는 모바일을 고려해야 합니다. 탭 내용이 많은 경우 사용자는 위, 아래로 스크롤 해야하는 불편함이 생깁니다. 탭 디자인을 사용해야한다면 가급적 탭 메뉴는 2~3가 적당하며 탭 내용는 짧을수록 좋습니다.^^

tab-content1

새로운 아이디어는 어느 날 갑자기 떠오르지 않습니다. 끊임없이 생각하고 고민했던 시간과 순간의 총량이 임계점에 도달하면 나타나는 것이 바로 새로운 아이디어입니다.

tab-content2

뉴턴이 떨어지는 사과를 보고 갑자기 만유 인력의 법칙을 떠올렸을까요? 아닙니다. 아마 떨어지는 사과를 보고 의미 있는 착상을 해내기까지 평생을 한 가지 생각에 몰두하며 살았을 지도 모릅니다.

구분내용
전일종가(원)7,240
시가총액(원)54,163
52주 최고가/최저가(원)8,280
상장주식수658,316,408

tab-content3

배울 준비가 되면 스승이 나타난다는 말이 있습니다.

구분내용
전일종가(원)7,240
시가총액(원)54,163
52주 최고가/최저가(원)8,280
상장주식수658,316,408

제이쿼리가 적용된 문서샘플을 게시판에 소스 붙여넣기 하실때는 반드시 해당 html의 line6을 삭제하세요. 사용법 참고

tab.zip

  • profile
    디자인솔 2019.11.07 11:25
    외부페이지가 적용이 더 쉽습니다. ^^

    소스붙여넣기로 (위젯, 게시판 페이지) 수정하실때는 XE의 CKEditor 에서 직접 수정하지 마세요.
    CKEditor 가 스스로 i태그를 삭제하거나 p태그를 추가하는 등 문서를 변형시킵니다.
    쓰시는 에디터에서 수정해서 다시 붙여넣기 식으로 수정하세요~~~
  • ?
    뽕나우도 2020.02.13 01:46
    염치 없지만 ㅠ 탭내용이 출력이 안되네요 ㅠㅠ
    http://1833-7624.com/move
    답변주시면 감사하겠습니다.
  • profile
    디자인솔 2020.02.13 12:05
    기술지원게시판에 올리신 질문, 답변드렸습니다.

  1. 반응형웹 문서샘플 collapse.html_아코디언, metismenu

  2. 반응형웹 문서샘플 slide.html_슬라이드, slick slide

  3. 반응형웹 문서샘플 tab.html_탭, bootstrap tab

  4. 반응형웹 문서샘플 table.html_테이블

  5. 반응형웹 문서샘플 document5.html_이미지없는 3, 4컬럼

  6. 반응형웹 문서샘플 document4.html_프로필

  7. 반응형웹 문서샘플 document3.html_웹진형

  8. 반응형웹 문서샘플 document2.html_컬럼3

  9. 반응형웹 문서샘플 document1.html_컬럼2

  10. 반응형웹 문서샘플 history.html_회사연혁

  11. 반응형웹 문서샘플 map.html_구글지도, 오시는길

목록
Board Pagination Prev 1 Next
/ 1
010-4006-9887

10:00~16:00 토,공휴일 휴무

입금은행: 기업은행

계좌번호: 010-4006-9887(평생계좌)

예금주: 이상옥

관련 사이트

Customer Center

고객센터: 010-4006-9887

이메일: nanumfine@naver.com

업무시간: 10:00~16:00 토,공휴일 휴무

주소: 경기도 고양시 덕양구

디자인솔

대표: 이상옥

사업자등록번호: 433-01-01021

통신판매업 신고번호: 제2018-고양덕양구-0582

Copyright 2014~ designersol.co.kr. All rights reserved.

서버에 요청 중입니다. 잠시만 기다려 주십시오...