부트스트랩에서 수레를 지우는 클래스 이름은 무엇입니까?
- WBOY원래의
- 2022-05-07 17:20:032553검색
부트스트랩에서 부동소수점을 지우는 클래스 이름은 Clearfix입니다. Clearfix는 부트스트랩의 보조 클래스입니다. 상위 요소에 ".clearfix"를 추가하면 구문은 "
".
이 튜토리얼의 운영 환경: Windows 10 시스템, 부트스트랩 버전 3.3.7, DELL G3 컴퓨터
플로트를 지우는 부트스트랩의 클래스 이름은 무엇입니까?
우리는 글에서 그것을 알고 있습니까? 정적 페이지에서 부동 소수점을 지우는 것은 매우 지루한 문제입니다.
따라서 일반 CSS 프레임워크에는 부동 소수점을 지우는 데 사용되는 스타일이 있습니다.
부트스트랩에서는 이 스타일을 clearfix이라고 합니다.
지워야 하는 요소의 상위 요소에clearfix를 추가하기만 하면 됩니다.
Clearfix는 상위 요소에 .clearfix를 추가하여 부동 소수점 숫자를 쉽게 지우는 데 사용됩니다.
구문은 비슷합니다.
<div class="clearfix">...</div>
예는 다음과 같습니다.
test.html이라는 새 HTML 파일을 만듭니다. , 사용할 클래스를 부트스트랩에서 지우는 방법을 설명합니다. link 태그를 사용하여 bootstrap.min.css 파일을 로드합니다.
div 태그 안에 div를 사용하여 두 줄의 텍스트를 만듭니다. 외부 div에 class 속성을 추가하고 class를 통해 너비를 350px, 높이를 100px, 배경색을 회색으로 설정합니다.
두 개의 내부 div 앞에 또 다른 div를 추가하고 거기에 명확한 플로팅 클래스 이름clearfix를 추가하여 상위 및 하위 div의 플로팅이 서로 영향을 미치지 않도록 합니다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link rel="stylesheet" href="js/bootstrap.min.css">
</head>
<body>
<style>
.mytest{
width:400px;
height:50px;
background:#ccc;
}
</style>
<div class="mytest">
<div class="pull-left">测试一</div>
<div class="clearfix"></div>
<div class="pull-left">测试二</div>
</div>
</body>
</html>브라우저에서 test.html 파일을 열어서 효과를 확인해 보세요.
관련 권장 사항: 부트스트랩 튜토리얼
위 내용은 부트스트랩에서 수레를 지우는 클래스 이름은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!