2013-09-24 2 views
3

이 두 가지의 차이점은 무엇입니까? bootstrap.zip을 다운로드했고 css와 js 파일을 모두 받았습니다. html로 어느 것을 포함해야합니까?bootstrap.css와 bootstrap.js 중 어느 것을 사용해야합니까?

bootstrap.css를 포함하면 내 app.css에 영향을 줍니까? bootstrap.css와 내 app.css를 함께 사용하는 방법은 무엇입니까?

HTML에서 CSS와 js를 사용하는 방법을 전혀 모르기 때문에이 질문을 던졌습니다. 하지만 이제는 index.html에 bootstrap.css와 bootstrap.js를 모두 포함시켜야한다는 것을 이해했습니다. 나는 또한 그들을 사용하는 방법을 알아 냈다.

+1

합니다. – asharajay

+0

@asharajay --- 경험에 기반한 것이거나 어딘가에 기록되어 있습니까? 나는 부트 스트랩 웹 사이트를 보았고 그 사실을 발견 할 수 없었다. ''bootstrap.min.js'''는 파일을 필요로하는 구성 요소를 사용하려는 경우에만 포함되어야합니다. –

+0

불분명합니까? 문제는 어리 석고 그러나 완전하게 명확하다. – amdev

답변

3

두 가지 다른 부트 스트랩 lib가 있습니다. 하나는 CSS가 있고 다른 하나는 JS가 있습니다.

CSS의 lib 디렉토리는 부트 스트랩 스타일의 기지가 들어 http://getbootstrap.com/2.3.2/base-css.html

을 그리고 JS 일부 그래픽 구성 요소 및 애니메이션을 포함 : 그것은 완벽하게 작동하도록 당신은 부트 스트랩 모두 JS와 CSS를 추가해야합니다 http://getbootstrap.com/2.3.2/components.html

6

파일과 jquery를 모두 포함해야합니다.

bootstrap documentation 및 샘플 코드를 확인하십시오.

이것은 부트 스트랩이있는 기본 웹 페이지의 모양입니다.

<!DOCTYPE html> 
<html> 
<head> 
<title>Bootstrap 101 Template</title> 
<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
<!-- Bootstrap --> 
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> 

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> 
<!--[if lt IE 9]> 
    <script src="../../assets/js/html5shiv.js"></script> 
    <script src="../../assets/js/respond.min.js"></script> 
<![endif]--> 
</head> 
<body> 
<h1>Hello, world!</h1> 
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> 
<script src="//code.jquery.com/jquery.js"></script> 
<!-- Include all compiled plugins (below), or include individual files as needed --> 
<script src="js/bootstrap.min.js"></script> 
</body> 
</html> 
관련 문제