현재 위치: > 기술 기사 > 웹 프론트엔드 > 부트스트랩 튜토리얼

  • 부트스트랩으로 팝업 메뉴를 정의하는 방법
    부트스트랩으로 팝업 메뉴를 정의하는 방법
    먼저 화면 하단에서 클릭한 버튼의 높이와 팝업 메뉴의 높이를 가져옵니다. 팝업 메뉴가 완전히 표시되지 않으면 팝업되도록 합니다. 그런 다음 bootstrap.js의 토글 속성을 수정하면 클릭 시 실제 상황에 따라 지능적으로 팝업되거나 다운될 수 있습니다.
    부트스트랩 튜토리얼 1908 2019-07-17 15:15:15
  • 부트스트랩에서 드롭다운 메뉴를 만드는 방법
    부트스트랩에서 드롭다운 메뉴를 만드는 방법
    첫 번째 단계는 Sublime Text에서 새 HTML 페이지를 만드는 것입니다. ||두 번째 단계는 링크 태그를 사용하여 스타일 라이브러리를 가져오는 것입니다. ||세 번째 단계는 jquery 및 부트스트랩 스크립트를 가져오고 드롭다운 스타일을 호출하여 드롭다운 메뉴를 도입하는 것입니다. ||네 번째 단계는 드롭다운 메뉴에 메뉴 항목을 추가한 다음 프로그램을 실행하는 것입니다.
    부트스트랩 튜토리얼 4769 2019-07-17 15:02:56
  • 부트스트랩을 사용하여 로그인 페이지를 빠르게 구현하는 방법
    부트스트랩을 사용하여 로그인 페이지를 빠르게 구현하는 방법
    첫 번째 단계는 부트스트랩을 다운로드하고 압축을 풀고, 부스트랩의 js와 css를 소개하고, jquery.js를 소개하는 것입니다. ||두 번째 단계는 div 태그에 사용자 이름 입력란, 비밀번호 입력란, 로그인 버튼을 작성하는 것입니다. ||세 번째 단계는 작성이 완료된 후 디렉터리에서 index.html을 두 번 클릭하여 브라우저에서 효과를 확인하는 것입니다.
    부트스트랩 튜토리얼 6408 2019-07-17 14:44:03
  • 부트스트랩에서 줄 간격을 설정하는 방법
    부트스트랩에서 줄 간격을 설정하는 방법
    해결 방법 1: 새 스타일 클래스를 추가하고 margin-top 스타일을 정의한 다음 해당 행이 있는 div 요소에 스타일 클래스를 추가합니다. ||옵션 2: 몇 가지 일반적인 상단 여백 스타일 클래스를 정의한 다음 행이 있는 div 요소에 적절한 CSS 스타일 클래스를 추가합니다. ||옵션 3: 내장된 간격 스타일 클래스를 사용할 수 있습니다.
    부트스트랩 튜토리얼 12413 2019-07-17 14:32:41
  • 부트스트랩에서 구성 요소를 끌어서 놓는 방법
    부트스트랩에서 구성 요소를 끌어서 놓는 방법
    첫 번째 단계는 bootstrap.js 소스 코드를 열어 모달 구성 요소 코드 블록을 찾고 Modal.DEFAULTS 코드 블록 아래에 드래그 앤 드롭 코드 구현을 추가하는 것입니다. ||두 번째 단계는 모달의 표시 메소드에 드래그 가능한 메소드를 추가하는 것입니다. ||세 번째 단계는 소스 코드를 페이지에 직접 소개하는 것입니다.
    부트스트랩 튜토리얼 5587 2019-07-17 14:17:06
  • 부트스트랩에서 경로 페이지 매김 태그를 사용하는 방법
    부트스트랩에서 경로 페이지 매김 태그를 사용하는 방법
    먼저 VS에서 html 문서를 준비한 다음 html로 부트스트랩 CSS 파일을 가져옵니다. 경로 효과를 보려면 탐색경로 스타일을 참조하고, 페이지 매김 기능을 보려면 페이지 매김 스타일을 사용하십시오. 페이지를 활성화하거나 비활성화하려면 활성 또는 비활성화된 스타일을 사용하세요.
    부트스트랩 튜토리얼 2334 2019-07-17 14:09:04
  • 부트스트랩 모달 상자에 스크롤 막대를 추가하는 방법
    부트스트랩 모달 상자에 스크롤 막대를 추가하는 방법
    html 파일의 <style></style> 태그에서 ".modal-dialog", ".modal-content", ".modal-body", ".modal-header", ".modal-footer"를 수행합니다. 설정한 다음 모달 상자를 엽니다.
    부트스트랩 튜토리얼 3710 2019-07-17 13:53:04
  • 부트스트랩에서 div에 테두리 색상을 설정하는 방법
    부트스트랩에서 div에 테두리 색상을 설정하는 방법
    div에서 테두리 색상을 설정하는 방법에는 (1) "테두리:1px 단색 빨간색", (2) "테두리 색상: 빨간색", (3) "테두리 왼쪽:1px 단색 빨간색"이 있습니다.
    부트스트랩 튜토리얼 9695 2019-07-17 13:45:10
  • 부트스트랩을 사용하여 연도, 월, 일에 대한 시간 선택기를 구현하는 방법
    부트스트랩을 사용하여 연도, 월, 일에 대한 시간 선택기를 구현하는 방법
    첫 번째 단계는 시간 선택을 구현하는 것입니다. 페이지는 CSS 파일을 로드해야 합니다. ||두 번째 단계는 페이지에 JS 파일을 로드하는 것입니다. ||세 번째 단계는 ('.form_datetime').datetimepicker 메소드를 호출하여 연도, 월, 일을 선택하는 것입니다.
    부트스트랩 튜토리얼 7312 2019-07-17 13:05:58
  • thinkphp와 부트스트랩의 차이점
    thinkphp와 부트스트랩의 차이점
    thinkPHP는 개발 프레임워크이고, bootstrap은 웹 프론트엔드 프레임워크이다. 전자는 주로 백엔드(서버, 서버)용으로 사용되고, 후자는 주로 프론트엔드(사용자, 클라이언트)용으로 사용된다. thinkPHP는 주로 제품 비즈니스와 데이터 처리를 관리하는 반면, 부트스트랩은 주로 사용자가 보는 인터페이스의 미학을 담당합니다.
    부트스트랩 튜토리얼 5081 2019-08-12 17:55:53
  • 부트스트랩 col-sm col-md 차이
    부트스트랩 col-sm col-md 차이
    부트스트랩에서 col-sm과 col-md의 차이점은 다음과 같습니다. col-sm은 작은 화면과 태블릿(≥768px)을 나타내고 col-md는 중간 화면과 데스크톱 모니터(≥992px)를 나타냅니다.
    부트스트랩 튜토리얼 5827 2019-07-17 11:49:58
  • 부트스트랩 삭제 시스템을 이해하는 방법
    부트스트랩 삭제 시스템을 이해하는 방법
    Bootstrap에는 화면 장치 또는 뷰포트 크기가 증가함에 따라 자동으로 최대 12개의 열로 분할되는 반응형 모바일 우선 유동 그리드 시스템이 내장되어 있습니다. 일련의 행과 열을 결합하여 페이지 레이아웃을 생성하면 생성한 레이아웃에 콘텐츠를 배치할 수 있습니다.
    부트스트랩 튜토리얼 2285 2019-07-17 11:45:46
  • 부트스트랩 반응 차이
    부트스트랩 반응 차이
    Bootstrap은 스타일링을 위한 프론트 엔드 프레임워크이고, React는 주로 UI를 구축하는 데 사용되는 사용자 인터페이스 구축을 위한 JAVASCRIPT 라이브러리입니다.
    부트스트랩 튜토리얼 2845 2019-07-17 12:02:12
  • easyui와 부트스트랩의 차이점
    easyui와 부트스트랩의 차이점
    부트스트랩은 휴대폰 및 PC와 호환되지만 easyUI에서는 이를 수행할 수 없습니다. Bootstrap에는 데이터 상호 작용 기능이 없지만 easyUI에는 강력한 데이터 상호 작용 기능이 있습니다. Bootstrap은 더 아름답고 현재의 패션 트렌드에 부합하는 스타일의 성능에 더 많은 관심을 기울이는 반면, easyUI의 스타일은 그다지 아름답지 않습니다.
    부트스트랩 튜토리얼 3382 2019-07-17 11:21:45
  • 부트스트랩 팝업 코드는 어디에 작성되어 있나요?
    부트스트랩 팝업 코드는 어디에 작성되어 있나요?
    요소에 data-toggle="popover"를 추가하여 팝오버를 만듭니다. 팝업 상자는 jQuery의 초기화 코드로 작성되어야 합니다. 그런 다음 지정된 요소에서 popover() 메서드를 호출합니다.
    부트스트랩 튜토리얼 2874 2019-07-17 11:13:32

도구 권장 사항

jQuery 기업 메시지 양식 연락처 코드

jQuery 기업 메시지 양식 연락처 코드는 간단하고 실용적인 기업 메시지 양식이자 문의 소개 페이지 코드입니다.
양식 버튼
2024-02-29

HTML5 MP3 뮤직 박스 재생 효과

HTML5 MP3 뮤직 박스 재생 특수 효과는 귀여운 뮤직 박스 이모티콘을 만들고 전환 버튼을 클릭하는 HTML5+css3 기반의 MP3 뮤직 플레이어입니다.

HTML5 멋진 입자 애니메이션 탐색 메뉴 특수 효과

HTML5 멋진 입자 애니메이션 탐색 메뉴 효과는 탐색 메뉴를 마우스로 가리키면 색상이 변경되는 특수 효과입니다.
메뉴 탐색
2024-02-29

jQuery 시각적 양식 드래그 앤 드롭 편집 코드

jQuery 시각적 양식 드래그 앤 드롭 편집 코드는 jQuery 및 부트스트랩 프레임워크를 기반으로 하는 시각적 양식입니다.
양식 버튼
2024-02-29

유기농 과일 및 야채 공급업체 웹 템플릿 Bootstrap5

유기농 과일 및 채소 공급업체 웹 템플릿-Bootstrap5

Bootstrap3 다기능 데이터 정보 배경 관리 반응형 웹 페이지 템플릿-Novus

Bootstrap3 다기능 데이터 정보 배경 관리 반응형 웹 페이지 템플릿-Novus
백엔드 템플릿
2023-02-02

부동산 자원 서비스 플랫폼 웹 페이지 템플릿 Bootstrap5

부동산 자원 서비스 플랫폼 웹 페이지 템플릿 Bootstrap5

간단한 이력서 정보 웹 템플릿 Bootstrap4

간단한 이력서 정보 웹 템플릿 Bootstrap4

귀여운 여름 요소 벡터 자료(EPS+PNG)

이것은 태양, 태양 모자, 코코넛 나무, 비키니, 비행기, 수박, 아이스크림, 아이스크림, 차가운 음료, 수영 반지, 슬리퍼, 파인애플, 소라, 조개, 불가사리, 게를 포함한 귀여운 여름 요소 벡터 자료입니다. , 레몬, 자외선 차단제, 선글라스 등 자료는 JPG 미리보기를 포함하여 EPS 및 PNG 형식으로 제공됩니다.
PNG 소재
2024-05-09

4개의 빨간색 2023 졸업 배지 벡터 자료(AI+EPS+PNG)

이것은 빨간색 2023년 졸업 배지 벡터 자료로, 총 4개이며 JPG 미리보기를 포함하여 AI, EPS 및 PNG 형식으로 사용할 수 있습니다.
PNG 소재
2024-02-29

노래하는 새와 꽃 디자인 봄 배너 벡터 자료로 가득 찬 카트(AI+EPS)

노래하는 새와 꽃이 가득한 수레로 디자인된 봄 배너 벡터 자료입니다. JPG 미리보기를 포함하여 AI 및 EPS 형식으로 제공됩니다.
배너 그림
2024-02-29

황금 졸업 모자 벡터 자료(EPS+PNG)

이것은 JPG 미리보기를 포함하여 EPS 및 PNG 형식으로 제공되는 황금 졸업 모자 벡터 자료입니다.
PNG 소재
2024-02-27

가정 장식 청소 및 수리 서비스 회사 웹사이트 템플릿

가정 장식 청소 및 유지 관리 서비스 회사 웹 사이트 템플릿은 가정 장식, 청소, 유지 관리 및 기타 서비스 조직을 제공하는 홍보 웹 사이트에 적합한 웹 사이트 템플릿 다운로드입니다. 팁: 이 템플릿은 Google 글꼴 라이브러리를 호출하므로 페이지가 느리게 열릴 수 있습니다.

신선한 색상의 개인 이력서 가이드 페이지 템플릿

신선한 컬러 매칭 개인 구직 지원 이력서 가이드 페이지 템플릿은 신선한 컬러 매칭 스타일에 적합한 개인 구직 이력서 작업 표시 가이드 페이지 웹 템플릿 다운로드입니다. 팁: 이 템플릿은 Google 글꼴 라이브러리를 호출하므로 페이지가 느리게 열릴 수 있습니다.

디자이너 크리에이티브 작업 이력서 웹 템플릿

디자이너 크리에이티브 작업 이력서 웹 템플릿은 다양한 디자이너 직위에 적합한 개인 작업 이력서 표시를 위한 다운로드 가능한 웹 템플릿입니다. 팁: 이 템플릿은 Google 글꼴 라이브러리를 호출하므로 페이지가 느리게 열릴 수 있습니다.

현대 엔지니어링 건설 회사 웹사이트 템플릿

현대 엔지니어링 및 건설 회사 웹 사이트 템플릿은 엔지니어링 및 건설 서비스 산업 홍보에 적합한 다운로드 가능한 웹 사이트 템플릿입니다. 팁: 이 템플릿은 Google 글꼴 라이브러리를 호출하므로 페이지가 느리게 열릴 수 있습니다.