简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
집 > 웹 프론트엔드 > HTML 튜토리얼 > 본문

부트스트랩 버튼에 크기 추가

PHPz
풀어 주다： 2023-08-20 16:29:14
앞으로
989명이 탐색했습니다.

부트스트랩 버튼에 크기 추가

Bootstrap에서 버튼 크기를 추가하려면 다음 클래스를 시도해 보세요.

클래스

설명

.btn-lg

이것은 버튼이 더 커지게 됩니다.

.btn-sm

 이렇게 하면 버튼이 더 작아집니다.

.btn-xs

 이렇게 하면 버튼이 매우 작아집니다.

.btn-block

 이렇게 하면 상위 요소의 전체 너비를 차지하는 블록 수준 버튼이 생성됩니다.

예

다음 코드를 실행하여 작은 버튼을 만들 수 있습니다. −

Demo

<!DOCTYPE html>
<html>
   <head>
      <title>Bootstrap Example</title>  
      <meta name = "viewport" content = "width = device-width, initial-scale = 1">
      <link rel = "stylesheet" href = "https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css">
      <script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
      <script src = "https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
   </head>
   <body>
      <button type = "button" class = "btn btn-default btn-sm">
         Small button
      </button>
   </body>
</html>
로그인 후 복사

위 내용은 부트스트랩 버튼에 크기 추가의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨：
bootstrap 按钮 尺寸
원천：tutorialspoint.com
이전 기사：HTML DOM 입력 재설정 비활성화 속성 HTML DOM 입력 재설정 비활성화 속성은 재설정 버튼이 비활성화되었는지 여부를 설정하거나 가져오는 데 사용됩니다. 다음 기사：HTML에서 셀 패딩을 설정하는 방법은 무엇입니까?
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
Imagick, Adobe Photoshop 및 Windows 비교 - 해상도 감지(센티미터당 픽셀 또는 인치당 픽셀) 이것은 질문이 아니라 DPI가 다양한 파일 형식으로 저장되는 방식에 대한 이해를 높이고 그것이 작동하는 이유에 대해 논의하려는 시도입니다. 저는 이미지(JPG, ...
에서 2024-04-06 16:01:27
0
1
397
고정 위치의 자식이 부모의 패딩을 무시함 고정 요소가 헤더 뒤로 이동하는 것을 방지하는 방법은 무엇입니까? 현재 코드 조각은 상위 항목에 padding-top을 사용합니다. 또한 추가 하위 항목에 mar...
에서 2024-04-06 11:42:51
0
1
338
Boostrap 4에 반응하도록 이 카드를 어떻게 조정합니까? 각 행에 카드 4장을 표시하고 화면 크기가 변경되면 스택으로 표시하려면 어떻게 해야 합니까? 이상적으로는 둘 사이에 약간의 공간이 있어야 합니다. 나는 연구할 수...
에서 2024-04-05 10:48:45
0
1
4072
모바일 크기 화면에서 단락을 왼쪽으로 이동하기 위한 CSS 및 HTML 방법 일반 16:9 컴퓨터 화면에서는 왼쪽에 텍스트가 있고 오른쪽에 이미지가 있어 완벽하게 보입니다. 그러나 더 작은 화면(예: 휴대폰 크기)의 경우 원하는 대로 단락...
에서 2024-04-04 20:25:22
0
1
330
재작성된 제목: 크기를 조정할 때 고정 HTML 정사각형 또는 원 요소를 가로 및 세로 중앙에 배치 다양한 크기의 정사각형 또는 원형 고정 HTML 요소를 가로 및 세로로 중앙에 배치하는 방법은 무엇입니까? 너비와 높이가 동일하게 유지되어야 한다는 사실 때문에 ...
에서 2024-04-04 12:31:51
0
1
322
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！