如何在Coda2中使用Bootstrap?

时间:2014-07-11 02:07:18

标签: html css twitter-bootstrap coda

我对网页设计很陌生,我想在一些我用Coda2编写的HTML代码中使用Bootstrap。我无法访问服务器,所以我使用硬盘驱动器上的css文件的目录地址而不是网址。现在,我的代码顶部如下所示:

<!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样式表(倒数第二行代码)工作正常,但我无法使Bootstrap工作。我做错了什么?

1 个答案:

答案 0 :(得分:2)

BuddhistBeast是正确的。

使引导工作也需要bootstrap 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文件。