부트스트랩에서 부동소수점을 지우는 클래스 이름은 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!