이 게시물은 Bootstrap의 블록 도움말 텍스트 예제에 대해 안내합니다.
부트스트랩 블록 도움말 텍스트란 무엇입니까?
Bootstrap 블록 도움말 텍스트는 ' .form-text ' 수업. Bootstrap 3 버전에서 ' 도움말 차단 ” 클래스는 도움말 텍스트를 추가하는 데 사용되었습니다.
부트스트랩 블록 도움말 텍스트 유형
이러한 등록된 유형의 요소를 활용하여 도움말 텍스트를 지정할 수 있습니다.
블록 요소를 사용하여 Bootstrap 블록 도움말 텍스트를 추가하는 방법은 무엇입니까?
'와 같은 블록 수준 요소 <사업부> ”, “ ” 등을 활용하여 도움말 텍스트를 추가할 수 있습니다. 이를 위해 “ 양식 텍스트 ” 클래스를 사용합니다. 이 클래스는 ' 디스플레이: 블록 ' 속성. 또한 다른 입력 필드의 일부 공간에 텍스트를 표시하는 데 도움이 되는 상단 여백 속성도 포함되어 있습니다.
예
아래 예를 확인하십시오.
- 추가 ' <형식> ” 요소를 사용하여 양식을 만듭니다.
- 입력 필드에 캡션을 포함하려면 ' <스팬> ' 요소.
- 그런 다음 '를 추가하십시오. <입력> ” 요소에 “ 양식 제어 ' 그리고 ' 입력 필드 ” 입력 필드를 만듭니다.
- 그런 다음 ' <작은> ” 클래스가 있는 요소 “ 양식 텍스트 ' 그리고 ' 텍스트 음소거 ” 도움말 텍스트를 추가하려면:
< 기간 > 암호를 입력 < / 기간 >
< 입력 수업 = '양식 제어 입력 필드' 유형 = '비밀번호' >
< 사업부 수업 = 'form-text text-muted' > 비밀번호는 8자여야 합니다. < / 사업부 >
< / 형태 >
위의 코드 스니펫에 사용된 클래스는 다음과 같습니다.
- “ 양식 제어 ” 클래스에는 입력 요소에 대한 일부 전역 스타일이 포함되어 있습니다.
- “ 양식 텍스트 ” 클래스는 도움말 텍스트에 스타일을 추가합니다.
- “ 텍스트 음소거 ”는 도움말 텍스트에 일반 스타일을 추가합니다.
산출
인라인 요소를 사용하여 부트스트랩 블록 도움말 텍스트를 추가하는 방법은 무엇입니까?
'와 같은 인라인 요소 <스팬> ' 또는 ' <작은> ”를 사용하여 웹 페이지에 도움말 텍스트를 추가할 수 있습니다.
예
아래 예는 ' <작은> ” 도움말 텍스트를 지정하는 인라인 요소:
< 형태 수업 = '폼 인라인' >< 사업부 수업 = '양식 그룹' >
< 기간 >이름을 입력하세요< / 기간 >
< 입력 수업 = ' 양식 제어 입력 필드' 유형 = '비밀번호' >
< 작은 수업 = '텍스트 음소거' >채워야 합니다.< / 작은 >
< / 사업부 >
< / 형태 >
도움말 텍스트가 성공적으로 추가되었음을 확인할 수 있습니다.
이것은 Bootstrap 블록 도움말 텍스트에 관한 것입니다.
결론
Bootstrap에서 도움말 텍스트를 추가하려면 ' 양식 텍스트 ” 클래스는 블록 수준 도움말 텍스트를 추가하는 데 사용됩니다. “ 텍스트 음소거 ” 클래스는 인라인 도움말 텍스트를 만드는 데 활용됩니다. 부트스트랩 3에서 ' 도움말 차단 ” 클래스를 사용합니다. 보다 구체적으로 도움말 텍스트는 인라인 또는 블록 수준 요소로 지정할 수 있습니다. 이 게시물은 예제의 도움으로 부트스트랩에 도움말 텍스트를 추가하는 방법을 설명했습니다.