부트스트랩 리스란 무엇인가요?

bootstrap less는 CSS를 동적으로 만드는 CSS 전처리기입니다. bootstrap.less 파일은 다른 less 파일을 가져오는 반면, Forms.less 파일에는 양식 레이아웃과 스타일 유형 등이 포함되어 있습니다. 에.

이 튜토리얼의 운영 환경: windows10 시스템, bootstrap3.0 이 기사는 모든 브랜드의 컴퓨터에 적용됩니다.

추천: "bootstrap Tutorial"

Bootstrap LESS

Less는 CSS를 동적으로 만드는 CSS 전처리기입니다.

한편, Bootstrap은 웹 앱과 사이트를 빠르게 개발하기 위한 툴킷입니다.

이 튜토리얼에서는 CSS를 적게 사용하여 부트스트랩을 사용하는 방법에 대해 논의합니다. 이렇게 하면 CSS에서 Bootstrap의 Less 변수, 믹스인 및 중첩을 사용할 수 있습니다.

Get Bootstrap and Less CSS

Bootstrap 공식 웹사이트: http://getbootstrap.com/

Less 공식 웹사이트: http://lesscss.org/

포함 내용

Bootstrap을 다운로드하고 압축을 푼다 파일. Bootstrap의 Less 구성 요소는 'lib' 디렉터리에 있습니다. Bootstrap v1.4.0부터 파일이 9개 줄었습니다. 이 9개 파일 각각에 무엇이 포함되어 있는지 살펴보겠습니다.

bootstrap.less

메인 Less 파일입니다. 이 파일은 다른 적은 수의 파일을 가져옵니다. 이 파일에는 코드가 없습니다.

forms.less

이 Less 파일에는 양식 레이아웃과 입력 상자 유형 스타일이 포함되어 있습니다.

mixins.less

이 Less 파일을 사용하면 CSS 코드를 재사용할 수 있습니다.

patterns.less

이 Less 파일에는 스캐폴딩 Less 파일에 있는 기본 스타일로 재정의되지 않는 반복되는 사용자 인터페이스 요소에 대한 CSS 코드가 포함되어 있습니다.

reset.less

이 Less 파일에는 CSS 재설정이 포함되어 있습니다. 이것은 Eric Meyer의 CSS 재설정에 대한 업데이트입니다. dfn, samp 등 일부 HTML 요소의 재설정은 면제됩니다.

scaffolding.less

이 Less 파일은 그리드 시스템, 구조화된 레이아웃 및 페이지 템플릿을 만드는 데 필요한 기본 스타일을 저장합니다.

tables.less

이 Less 파일에는 테이블 생성에 필요한 스타일이 포함되어 있습니다.

type.less

이 Less 파일에서 타이포그래피 관련 스타일을 찾을 수 있습니다. 제목, 단락, 목록, 코드 등의 스타일이 이 파일에 있습니다.

variables.less

이 Less 파일에는 Bootstrap의 모양과 느낌을 사용자 정의하는 변수가 포함되어 있습니다.

사용 방법

사용하려면 HTML 페이지에 다음 코드를 포함하세요.

<link rel="stylesheet/less" href="lib/bootstrap.less" media="all" />
<script src="js/less-1.1.5.min.js"></script>

less-1.1.5.min.js는 js 폴더에 없으므로 다운로드해야 합니다. 그리고 지정된 폴더에 넣어주세요.

위 내용은 부트스트랩 리스란 무엇인가요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!