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

  • 부트스트랩에 CDN이 있나요?
    부트스트랩에 CDN이 있나요?
    가지다. Bootstrap 중국어 웹사이트와 Youpaiyun은 특별히 Bootstrap용 무료 CDN 가속 서비스를 공동으로 구축했습니다. 액세스 속도가 더 빠르고, 가속 효과가 더욱 뚜렷하며, 속도와 대역폭 제한이 없으며, 영구적으로 무료입니다.
    부트스트랩 튜토리얼 2564 2019-07-18 10:34:58
  • 부트스트랩 플러그인이란 무엇입니까?
    부트스트랩 플러그인이란 무엇입니까?
    부트스트랩에는 12개의 jQuery 플러그인이 함께 제공됩니다. 예: 전환 플러그인, 모달 플러그인, 드롭다운 플러그인, 회전식 플러그인, 도구 설명 플러그인, 탭 플러그인 등
    부트스트랩 튜토리얼 5383 2019-07-18 10:13:07
  • 부트스트랩에서 이미지를 중앙에 배치하는 방법
    부트스트랩에서 이미지를 중앙에 배치하는 방법
    부트스트랩의 이미지는 .img-response 클래스를 사용하여 이미지 응답성을 구현합니다. 그런 다음 .center-block 클래스를 사용하여 이미지를 중앙에 배치해야 합니다. .center-block 클래스는 <img> 태그 클래스에 배치되어야 하며, 그렇지 않으면 적용되지 않습니다.
    부트스트랩 튜토리얼 8966 2019-07-18 09:59:02
  • 부트스트랩을 배우는 방법
    부트스트랩을 배우는 방법
    특정 기능의 모든 구현 효과를 포함하여 처음부터 부트스트랩의 모든 기능을 배우려고 하지 마십시오. 이는 쉽게 자신감을 무너뜨릴 것입니다. 프로젝트에 사용해 보고 실수하는 것을 두려워하지 마세요. 천천히 요약하고 경험을 축적하십시오. 더 많이 수정하고 조정해 보고 경험을 기록해 보세요. 더 많이 사용할수록 더 쉬워집니다.
    부트스트랩 튜토리얼 2173 2019-07-18 09:43:16
  • 부트스트랩을 사용하여 연도, 월, 일 시간을 선택하는 방법
    부트스트랩을 사용하여 연도, 월, 일 시간을 선택하는 방법
    부트스트랩을 사용하여 연도, 월, 일의 시간을 선택하세요. 페이지는 사용된 CSS 및 js 파일을 로드해야 합니다. CSS 파일: bootstrap-datetimepicker.min.css. JS 파일: bootstrap-datetimepicker.zh-CN.js.
    부트스트랩 튜토리얼 4340 2019-07-18 09:24:54
  • 부트스트랩 반응형 레이아웃을 만드는 방법
    부트스트랩 반응형 레이아웃을 만드는 방법
    부트스트랩은 먼저 헤드에 메타 태그를 도입하고 viewpirt 속성과 콘텐츠 속성을 추가해야 합니다. 부트스트랩은 뷰포트의 크기를 늘리기 때문에 시스템은 이를 자동으로 12개의 추가 열로 나누고 최종적으로 이를 미디어 쿼리와 결합하여 반응형 레이아웃을 얻습니다.
    부트스트랩 튜토리얼 6623 2019-07-18 09:05:30
  • bootstrap3과 bootstrap4의 차이점
    bootstrap3과 bootstrap4의 차이점
    차이점: bootstrap4는 bootstrap3보다 적응 범위가 더 큽니다. bs3은 folat 레이아웃을 사용하고 bs4는 flex 레이아웃을 사용합니다. bs3의 img-circle은 사진에만 적용되는 반면 bs4의 둥근 원은 모든 요소에 적용됩니다.
    부트스트랩 튜토리얼 4225 2019-07-17 16:52:43
  • bootstrap4에서 이미지 모양을 설정하는 방법
    bootstrap4에서 이미지 모양을 설정하는 방법
    둥근 이미지: .rounded 클래스; Ellipse 이미지: .rounded-circle 클래스; 썸네일 이미지: .img-thumbnail 클래스; 이미지 정렬: .float-right/left 클래스를 사용하여 이미지의 오른쪽/왼쪽 정렬을 설정합니다. <img> 태그에 .img-fluid 클래스를 추가합니다.
    부트스트랩 튜토리얼 2506 2019-07-17 16:30:33
  • bootstrap4에서 테이블을 설정하는 방법
    bootstrap4에서 테이블을 설정하는 방법
    Bootstrap4는 .table 클래스를 사용하여 기본 테이블의 스타일을 지정합니다. 스트라이프 테이블: .table-striped 클래스를 추가했습니다. 테두리가 있는 테이블: .table-bordered 클래스를 추가합니다. 마우스 오버 상태 테이블: .table-hover 클래스 등 추가
    부트스트랩 튜토리얼 2609 2019-07-17 16:18:14
  • 부트스트랩 페이지 매김을 사용하는 방법
    부트스트랩 페이지 매김을 사용하는 방법
    첫 번째 단계는 부트스트랩을 다운로드하고 압축을 풀고 테스트 파일을 저장할 새 테스트 디렉터리를 만드는 것입니다. ||두 번째 단계는 새로운 테스트 pagination.html 파일을 만드는 것입니다. ||세 번째 단계는 class="active"를 추가하여 페이지 번호를 강조 표시하고 모든 페이징 li 태그에 클릭 이벤트를 추가하는 것입니다.
    부트스트랩 튜토리얼 2080 2019-07-17 15:53:31
  • 부트스트랩의 드롭다운 다중 선택 상자를 사용하는 방법
    부트스트랩의 드롭다운 다중 선택 상자를 사용하는 방법
    첫 번째 단계는 CSS 파일과 JS 파일을 소개하고 bootstrap-select 구성 요소를 가져오는 것입니다. ||두 번째 단계는 "multiple"을 추가하고 다중 선택으로 설정하는 것입니다. 설정은 최대 2개 항목, 즉 data-max-options="2"를 선택할 수 있습니다. ||세 번째 단계는 검색 및 속성 설정을 추가하고 전체 선택/역 선택 기능을 추가하는 것입니다.
    부트스트랩 튜토리얼 9613 2019-07-17 15:32:53
  • 부트스트랩으로 팝업 메뉴를 정의하는 방법
    부트스트랩으로 팝업 메뉴를 정의하는 방법
    먼저 화면 하단에서 클릭한 버튼의 높이와 팝업 메뉴의 높이를 가져옵니다. 팝업 메뉴가 완전히 표시되지 않으면 팝업되도록 합니다. 그런 다음 bootstrap.js의 토글 속성을 수정하면 클릭 시 실제 상황에 따라 지능적으로 팝업되거나 다운될 수 있습니다.
    부트스트랩 튜토리얼 1775 2019-07-17 15:15:15
  • 부트스트랩에서 드롭다운 메뉴를 만드는 방법
    부트스트랩에서 드롭다운 메뉴를 만드는 방법
    첫 번째 단계는 Sublime Text에서 새 HTML 페이지를 만드는 것입니다. ||두 번째 단계는 링크 태그를 사용하여 스타일 라이브러리를 가져오는 것입니다. ||세 번째 단계는 jquery 및 부트스트랩 스크립트를 가져오고 드롭다운 스타일을 호출하여 드롭다운 메뉴를 도입하는 것입니다. ||네 번째 단계는 드롭다운 메뉴에 메뉴 항목을 추가한 다음 프로그램을 실행하는 것입니다.
    부트스트랩 튜토리얼 4635 2019-07-17 15:02:56
  • 부트스트랩을 사용하여 로그인 페이지를 빠르게 구현하는 방법
    부트스트랩을 사용하여 로그인 페이지를 빠르게 구현하는 방법
    첫 번째 단계는 부트스트랩을 다운로드하고 압축을 풀고, 부스트랩의 js와 css를 소개하고, jquery.js를 소개하는 것입니다. ||두 번째 단계는 div 태그에 사용자 이름 입력란, 비밀번호 입력란, 로그인 버튼을 작성하는 것입니다. ||세 번째 단계는 작성이 완료된 후 디렉터리에서 index.html을 두 번 클릭하여 브라우저에서 효과를 확인하는 것입니다.
    부트스트랩 튜토리얼 6249 2019-07-17 14:44:03
  • 부트스트랩에서 줄 간격을 설정하는 방법
    부트스트랩에서 줄 간격을 설정하는 방법
    해결 방법 1: 새 스타일 클래스를 추가하고 margin-top 스타일을 정의한 다음 해당 행이 있는 div 요소에 스타일 클래스를 추가합니다. ||옵션 2: 몇 가지 일반적인 상단 여백 스타일 클래스를 정의한 다음 행이 있는 div 요소에 적절한 CSS 스타일 클래스를 추가합니다. ||옵션 3: 내장된 간격 스타일 클래스를 사용할 수 있습니다.
    부트스트랩 튜토리얼 12268 2019-07-17 14:32:41

도구 권장 사항

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 글꼴 라이브러리를 호출하므로 페이지가 느리게 열릴 수 있습니다.