이 작업은 unshift 방법을 사용하여 수행할 수 있습니다. 예를 들어, 예시 let veggies = ["Onion", "Raddish"]; veggies.shift(); console.log(veggies); 출력 이것은 출력을 줄 것입니다 - ["Raddish"]
때로는 배열의 주어진 위치에서 요소를 제거해야 합니다. JavaScript는 주어진 인덱스에서 제거하기 위한 splice 메소드를 제공합니다. 다음과 같이 사용할 수 있습니다 - 예시 let veggies = ["Onion", "Raddish", "Broccoli"]; veggies.splice(0, 1); // Removes 1 element from index 0 console.log(veggies); 출력 이것은 출력을 줄 것입니다 - ["Raddish"
Javascript에서 2개의 배열을 결합하는 두 가지 방법이 있습니다. 새 배열을 얻고 두 배열을 결합하는 동안 기존 배열을 방해하지 않으려면 다음과 같이 concat 메서드를 사용해야 합니다. 예시 let arr1 = [1, 2, 3, 4]; let arr2 = [5, 6, 7, 8]; let arr3 = arr1.concat(arr2); console.log(arr1); console.log(arr2); console.log(arr3); 출력 이것은 출력을 줄 것입니다 - [1, 2, 3, 4] [5, 6, 7, 8] [1
.clearfix 클래스를 사용하여 부트스트랩에 있는 모든 요소의 부동 소수점을 지웁니다. 예시 다음 코드를 실행하여 clearfix 클래스를 구현할 수 있습니다. <!DOCTYPE html> <html> <head> <title>Bootstrap Example</title> <link href = "/bootstrap/css/bootstrap.min.css"
부트스트랩 버튼 그룹 클래스로 작업하려면 .btn-group 클래스를 사용하십시오. 다음 코드를 실행하여 버튼 그룹을 형성할 수 있습니다. 예시 <!DOCTYPE html> <html> <head> <title>Bootstrap Example</title> <link href = "/bootstrap/css/bootstrap.min.css" rel = &quo
분할 버튼 드롭다운은 드롭다운 버튼과 동일한 일반 스타일을 사용하지만 드롭다운과 함께 기본 작업을 추가합니다. 분할 버튼의 왼쪽에는 기본 동작이 있고 오른쪽에는 드롭다운을 표시하는 토글이 있습니다. 예시 다음 코드를 실행하여 버튼 드롭다운을 분할할 수 있습니다. - <!DOCTYPE html> <html> <head> <title>Bootstrap Example</title> &l
.navbar-text 클래스를 사용하여 요소의 텍스트 문자열을 래핑하려면 예시 다음 코드를 실행하여 Bootstrap Navbar −에서 텍스트를 설정할 수 있습니다. <!DOCTYPE html> <html> <head> <title>Bootstrap Example</title> <link href = "/bootstrap/css/bootstrap.min.css&q
.navbar-left 또는 .navbar-right 유틸리티 클래스를 사용하여 탐색 링크, 양식, 버튼 또는 텍스트와 같은 구성 요소를 탐색 모음에서 왼쪽이나 오른쪽으로 정렬합니다. 두 클래스 모두 지정된 방향으로 CSS float를 추가합니다. 예시 다음 코드를 실행하여 구성요소를 정렬할 수 있습니다. <!DOCTYPE html> <html> <head> <title>Bootstrap Example</title>
검정색 배경과 흰색 텍스트가 있는 반전된 탐색 모음을 만들려면 .navbar-inverse 클래스를 .navbar 클래스에 추가하기만 하면 됩니다. 예시 navbar-inverse 클래스를 구현하기 위해 다음 코드를 실행할 수 있습니다 - <!DOCTYPE html> <html> <head> <title>Bootstrap Example</title> <link href = &
Bootstrap에서 테이블 스트라이프 클래스를 구현하려면 다음 코드를 실행해 보십시오. 예시 <!DOCTYPE html> <html> <head> <title>Bootstrap Table</title> <meta name ="viewport" content = "width = device-width, initial-scale = 1">
Bootstrap 클래스를 숨기려면 .hidden 클래스를 사용하십시오. 예시 다음 코드를 실행하여 클래스를 숨길 수 있습니다. − <!DOCTYPE html> <html> <head> <title>Bootstrap Example</title> <link href = "/bootstrap/css/bootstrap.min.css" rel = "styl
전체 너비의 점보트론을 얻으려면 둥근 모서리가 없는 .jumbotron을 사용하세요. 모든 .container 외부의 클래스 클래스 대신 .container 추가 안에. 예시 이것을 구현하기 위해 다음 코드를 실행할 수 있습니다. <!DOCTYPE html> <html> <head> <title>Bootstrap Example</title> <link href = "
레이블은 페이지에 대한 개수, 팁 또는 기타 마크업을 제공하는 데 유용합니다. 예시 .label 클래스를 사용하여 레이블을 표시하고 다음 코드를 실행해 보세요. 부트스트랩 예 자습서 150 퀴즈 90
Bootstrap 컨텍스트 클래스를 사용하면 테이블 행 또는 개별 셀의 배경색을 변경할 수 있습니다. 다음은 클래스입니다 - 클래스 설명 .활성 특정 행이나 셀에 호버 색상을 적용합니다. .성공 성공적이거나 긍정적인 작업을 나타냅니다. .경고 주의가 필요할 수 있는 경고를 나타냅니다. .위험 위험하거나 잠재적으로 부정적인 행동을 나타냅니다. 예시 다음은 활성 클래스의 예입니다 - 예시 <!DOCTYPE html> <html> <h
Bootstrap에는 오류, 경고 및 성공 메시지에 대한 유효성 검사 스타일이 포함되어 있습니다. 사용하려면 상위 요소에 적절한 클래스(.has-warning, .has-error 또는 .has-success)를 추가하기만 하면 됩니다. 예시 다음 코드를 실행하여 유효성 검사 상태를 구현할 수 있습니다. <!DOCTYPE html> <html> <head> <title>Bootstrap Example</title> &
선택은 사용자가 여러 옵션 중에서 선택할 수 있도록 하려는 경우에 사용되지만 기본적으로는 하나만 허용합니다. 주 또는 숫자와 같이 사용자에게 익숙한 목록 옵션에는 를 사용합니다. 다중 =다중 사용 사용자가 하나 이상의 옵션을 선택할 수 있도록 합니다. 예시 부트스트랩 양식 선택을 구현하기 위해 다음 코드를 실행할 수 있습니다. <!DOCTYPE html> <html> <head> <title>Bootstrap Example&
.input-lg 및 .col-lg-*와 같은 클래스를 사용하여 양식의 높이와 너비를 설정합니다. 예시 다음 코드를 실행하여 양식 높이와 너비를 설정할 수 있습니다. - <!DOCTYPE html> <html> <head> <title>Bootstrap Example</title> <link href = "/bootstrap/css/bootstrap.min.css&q
텍스트 영역은 여러 줄의 입력이 필요할 때 사용됩니다. 다음 코드를 실행하여 부트스트랩 양식에서 텍스트 영역 작업을 시도할 수 있습니다. 예시 <!DOCTYPE html> <html> <head> <title>Bootstrap Forms</title> <meta name = "viewport" content="width = device-width, i
Bootstrap에서 버튼의 크기를 추가하려면 다음 클래스를 시도하십시오. 클래스 설명 .btn-lg 이렇게 하면 버튼 크기가 커집니다. .btn-sm 이렇게 하면 버튼 크기가 작아집니다. .btn-xs 이렇게 하면 버튼 크기가 매우 작아집니다. .btn-블록 이렇게 하면 부모의 전체 너비에 걸쳐 있는 블록 수준 버튼이 생성됩니다. 예시 다음 코드를 실행하여 작은 버튼을 만들 수 있습니다 - <!DOCTYPE html> <html> &l
img-rounded Bootstrap 클래스를 사용하여 이미지의 스타일을 지정하고 모서리를 둥글게 만드십시오. 예시 <!DOCTYPE html> <html> <head> <title>Bootstrap Images</title> <link href = "/bootstrap/css/bootstrap.min.css" rel = "stylesheet&quo