현재 위치: > 기술 기사 > 웹 프론트엔드

  • 부트 스트랩으로 API를 호출하는 방법
    부트 스트랩으로 API를 호출하는 방법
    Bootstrap은 API 호출 기능을 제공하지 않으며 jQuery 또는 Fetch API와 같은 타사 라이브러리를 사용하여 구현해야합니다. jQuery : jQuery 라이브러리를 포함한 후 $ .ajax () 메소드를 사용하여 Ajax 요청을 보내십시오. Fetch API : Fetch () 함수를 사용하여 Fetch 요청을 보냅니다. 예 : JQuery를 사용하여 JSON 데이터를 가져 와서 콘솔에 대한 응답으로 수신 된 데이터를 기록하십시오.
    부트스트랩 튜토리얼 1019 2025-04-07 14:30:02
  • 부트 스트랩 프롬프트 상자를 설정하는 방법
    부트 스트랩 프롬프트 상자를 설정하는 방법
    Bootstrap은 요소에 대한 정보 프롬프트 상자를 제공합니다. 설정은 다음과 같습니다. 데이터 토글 속성 추가 및 프롬프트 텍스트 추가; 부트 스트랩 자바 스크립트 라이브러리를로드하십시오. 프롬프트 박스 플러그인을 초기화하십시오.
    부트스트랩 튜토리얼 687 2025-04-07 14:27:01
  • 부트 스트랩을 레이아웃하는 방법
    부트 스트랩을 레이아웃하는 방법
    부트 스트랩을 사용하여 웹 사이트를 레이아웃하려면 그리드 시스템을 사용하여 페이지를 컨테이너, 행 및 열로 나누어야합니다. 먼저 컨테이너를 추가 한 다음 행에 행을 추가하고 행 내 열을 추가 한 다음 마지막으로 열에 내용을 추가하십시오. 부트 스트랩의 반응 형 레이아웃 함수는 중단 점 (XS, SM, MD, LG, XL)에 따라 레이아웃을 자동으로 조정합니다. 응답 형 클래스를 사용하여 다른 화면 크기의 다른 레이아웃을 달성 할 수 있습니다.
    부트스트랩 튜토리얼 274 2025-04-07 14:24:01
  • 부트 스트랩 양식을 수행하는 방법
    부트 스트랩 양식을 수행하는 방법
    & lt; form & gt; 요소. & lt; form & gt 내의 텍스트 입력 상자, 비밀번호 입력 상자 및 드롭 다운 목록과 같은 양식 요소를 추가하십시오. 요소. .form-control 및 .form-group과 같은 사전 정의 된 스타일 클래스를 사용하여 양식을 스타일링하십시오. 제출 버튼을 사용하여 양식을 제출하십시오 (& lt; button type = "제출"& gt;). PHP 코드를 사용하여 제출 된 양식 데이터를 처리하십시오.
    부트스트랩 튜토리얼 974 2025-04-07 14:21:01
  • 부트 스트랩 드롭 다운 상자를 바인딩하는 방법
    부트 스트랩 드롭 다운 상자를 바인딩하는 방법
    JavaScript를 사용하여 부트 스트랩 드롭 다운 상자를 바인딩하려면 다음 단계를 따르십시오. 부트 스트랩 JavaScript 라이브러리를 소개하십시오. 드롭 다운 클래스를 사용하여 드롭 다운 요소를 인스턴스화하십시오. show.bs.dropdown 및 hidden.bs.dropdown과 같은 이벤트 처리기를 바인딩합니다. 드롭 다운 클래스 (예 : show () 및 hide ())의 메소드를 호출하여 드롭 다운 박스의 동작을 제어합니다.
    부트스트랩 튜토리얼 975 2025-04-07 14:18:01
  • 부트 스트랩의 백엔드를 얻는 방법
    부트 스트랩의 백엔드를 얻는 방법
    부트 스트랩을 사용하여 AJAX 요청을 통해 백엔드 데이터를 얻을 수 있습니다. 단계는 다음과 같습니다. AJAX 요청 초기화; 서버 응답을 듣습니다. 요청을 열고 메소드 (예 : get) 및 URL을 지정합니다. 요청을 보내십시오. 서버 응답 (JSON 또는 XML)을 구문 분석합니다. DOM 요소를 업데이트하십시오.
    부트스트랩 튜토리얼 936 2025-04-07 14:15:01
  • 부트 스트랩 페이지 매김을 사용하는 방법
    부트 스트랩 페이지 매김을 사용하는 방법
    부트 스트랩 페이징 구성 요소는 긴 데이터 세트를 페이징 할 수 있으므로 사용자가 페이지를 쉽게 찾아 볼 수 있습니다. 사용 방법 : 1. 페이징 목록을 만듭니다. 2. 페이징 품목을 추가하고 링크를 포함시킵니다. 3. 페이지 번호를 지정합니다. 4. 활성 항목 마크; 5. 페이징 이벤트 처리기를 사용하십시오. 샘플 코드 : html & lt; ul class = "Paglination & gt; & lt; li & gt; & lt; a data-page ="1 & gt; 1 & lt;/a & gt; & l
    부트스트랩 튜토리얼 1067 2025-04-07 14:12:02
  • 부트 스트랩 소스 코드를 읽는 방법
    부트 스트랩 소스 코드를 읽는 방법
    부트 스트랩 소스 코드를 보려면 GitHub 저장소에서 프로젝트를 복제하거나 다운로드하십시오. 기본 소스 파일은 변수, 구성 요소 및 유틸리티로 구성된 SCSS 및 JS 디렉토리에 위치하여 디버깅을 위해 로컬로 부트 스트랩을 실행합니다.
    부트스트랩 튜토리얼 307 2025-04-07 14:09:01
  • 부트 스트랩 양식을 확인하는 방법
    부트 스트랩 양식을 확인하는 방법
    Bootstrap은 CSS 및 JavaScript를 가져와 프로젝트에 추가 할 수있는 양식 검증 기능을 제공합니다. 필요한 속성을 사용하여 특정 형식을 확인하기 위해 양식 요소 및 강제 필드 또는 패턴 속성을 작성하십시오. 확인 메시지를 사용자 정의 할 수도 있습니다. 양식이 제출되면 Bootstrap은 자동으로 수표를 수행하고 오류 메시지를 표시하며 제출물을 차단합니다. FAQ : 검증 비활성화가 필요하고 패턴 속성을 제거합니다. CheckValidity () 메소드는 수동으로 트리거 될 수 있습니다. 유효성 속성은 확인 결과를 얻을 수 있습니다.
    부트스트랩 튜토리얼 941 2025-04-07 14:06:01
  • 부트 스트랩에서 이미지를 설정하는 방법
    부트 스트랩에서 이미지를 설정하는 방법
    부트 스트랩으로 이미지를 사용하는 5 가지 일반적인 방법으로는 다음이 포함됩니다. 이미지 클래스 (예 : IMG-Fluid)를 사용하여 반응 형 이미지 스케일링을 달성합니다. 유틸리티 (예 : W-, MX-, Rounded-*)를 사용하여 이미지 스타일을 유연하게 사용자 정의하십시오. 미디어 객체를 사용하여 이미지와 텍스트를 정렬하십시오. 이미지 그룹을 사용하여 반응 형 썸네일 세트를 만듭니다. 이미지 자리 표시자를 사용하여 이미지가로드되기 전에 대체 콘텐츠를 표시하십시오.
    부트스트랩 튜토리얼 537 2025-04-07 14:03:01
  • 부트 스트랩 회전 목마를 수행하는 방법
    부트 스트랩 회전 목마를 수행하는 방법
    부트 스트랩 회전 목마 그래프를 만들려면 다음 단계를 수행하십시오. 회전식 클래스로 부모 컨테이너를 만듭니다. 회전식 항목 클래스를 사용하여 슬라이드를 추가하고 활성 클래스를 첫 번째 슬라이드에 추가하십시오. (선택 사항) 표시기를 추가하고 컨테이너 내부의 회전식 인디케이터 클래스와 함께 OL 요소를 추가하십시오. (선택 사항) 컨트롤을 추가하고 컨테이너 내의 Carousel-Control-Prev 및 Carousel-Control-Next 클래스로 버튼을 추가하십시오. (선택 사항) Autoplay, Timers 및 표시기를 활성화하기 위해 JavaScript로 회전식 그래프를 초기화하십시오.
    부트스트랩 튜토리얼 998 2025-04-07 14:00:03
  • 부트 스트랩 모달 상자를 여는 방법
    부트 스트랩 모달 상자를 여는 방법
    부트 스트랩에서 모달 상자를 열는 단계는 다음과 같습니다.. 모달 및. 모달-콘텐츠 클래스를 포함한 모달 박스 컨테이너를 정의하십시오. 데이터 속성 데이터 BS-Toggle = "Modal"; 모달 상자의 ID가 트리거 (예 : 버튼 또는 링크). 모달 상자 초기화하고 모달 박스의 ID를 선택하고 쇼 메소드를 호출하십시오.
    부트스트랩 튜토리얼 1061 2025-04-07 13:57:01
  • 부트 스트랩 아이콘 라이브러리를 사용하는 방법
    부트 스트랩 아이콘 라이브러리를 사용하는 방법
    부트 스트랩 아이콘 라이브러리는 프로젝트에 쉽게 추가 할 수있는 아름답고 간결한 아이콘을 제공합니다. 단계는 다음과 같습니다. 부트 스트랩을 설치하여 cdn을 추가하거나 html에 포함시켜 아이콘을 사용하여 아이콘 크기와 색상을 사용자 정의하십시오 (CSS 클래스 사용)
    부트스트랩 튜토리얼 537 2025-04-07 13:54:02
  • 부트 스트랩 내비게이션 바를 설정하는 방법
    부트 스트랩 내비게이션 바를 설정하는 방법
    Bootstrap은 내비게이션 막대 설정을위한 간단한 안내서를 제공합니다. 내비게이션 바 컨테이너 추가 브랜드 아이덴티티 추가 내비게이션 링크 추가 (선택 사항) 스타일 조정 스타일 (선택 사항)
    부트스트랩 튜토리얼 328 2025-04-07 13:51:02
  • 부트 스트랩 프롬프트 상자를 변경하는 방법
    부트 스트랩 프롬프트 상자를 변경하는 방법
    부트 스트랩 프롬프트 박스 스타일은 색상과 배경 수정 (: .ToolTip {back 화살표 크기, 내부 마진, 외부 마진 및 프롬프트 상자 폭을 수정함에 따라).
    부트스트랩 튜토리얼 232 2025-04-07 13:48:01

도구 권장 사항

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