2014-07-11 2 views
0

저는 웹 디자인에 익숙하지 않아서 Coda2에서 쓰고있는 HTML 코드에서 Bootstrap을 사용하고 싶습니다. 서버에 액세스 할 수 없기 때문에 웹 주소 대신 하드 드라이브에서 CSS 파일의 디렉토리 주소를 사용하고 있습니다. 지금 내 코드의 상단은 다음과 같습니다 : 나는 (마지막에서 두 번째 코드 라인)했다Coda2에서 부트 스트랩을 어떻게 사용합니까?

<!DOCTYPE HTML> 

<html> 
<head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <title>Sandbox</title> 

    <!-- Bootstrap --> 
    <link href="file:///Volumes/Disk/Users/skykalfus/Dropbox/coding_webdev/bootstrap-3.2.0-dist/css/bootstrap-theme.min.css" rel="stylesheet"> 

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> 
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> 
    <!--[if lt IE 9]> 
     <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> 
     <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> 
    <![endif]--> 

    <link href="file:///Volumes/Disk/Users/skykalfus/Dropbox/coding_webdev/Sandbox/Sandbox%20Stylesheet.css" rel="Sandbox Stylesheet"> 

</head> 

하는 CSS 스타일 시트는 잘 작동하지만 부트 스트랩이 동작하지 않습니다. 내가 도대체 ​​뭘 잘못하고있는 겁니까?

+0

부트 스트랩 JavaScript에 대한 링크가 누락되어 CSS 연결 만 ... 그리고 태그가 끝나기 전에 몸의 아래쪽에 있지 않으면 jQuery에 대한 링크가 누락되었을 수 있습니다. – BuddhistBeast

답변

2

BuddhistBeast가 정확합니다.

부트 스트랩 작업을하려면 부트 스트랩 javascript가 필요합니다. 그리고 jQuery는 전제 조건이기도합니다.

<link href="css/bootstrap.min.css" rel="stylesheet"> 
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<!-- Include all compiled plugins (below), or include individual files as needed --> 
<script src="js/bootstrap.min.js"></script> 

물론 로컬 jquery.js 파일을 가리킬 수 있습니다.

+0

감사합니다. 매우 도움이됩니다. 맨 아래 URL을 로컬 URL로 변경했지만 여전히 문제가 있습니다. 파일의 다른 위치에 자바 스크립트를 연결해야합니까? 편집 : 신경 쓰지 마세요! 그것은 작동합니다! 만세! –

관련 문제