Bootstrap引用

时间:2015-02-18 13:37:41

标签: html css twitter-bootstrap stylesheet

我已经按照codeacademy上的教程进行操作,我正在尝试在没有教程指导的情况下为网站编写代码。

我不确定如何引用Bootstrap,而不是在使用它的在线教程中给出的方式:

<link rel="stylesheet" href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/bootstrap.css">

下载文件后,您是否从自己的计算机引用了Bootstrap? 或者您是否参考了上面的在线资源?

3 个答案:

答案 0 :(得分:2)

嵌入Bootstrap可以通过两种方式完成。您可以在自己的服务器上托管副本,也可以使用CDN的副本。两种方式各有利弊。这取决于你喜欢哪种方式。

本地副本

<link rel="stylesheet" href="path/bootstrap.min.css"/>

<强> CDN

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css">

<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>

Gettings started页面会更详细地解释它。

答案 1 :(得分:0)

BootstrapCDN.com

托管Javascript,CSS和图像文件。也有SSL支持。

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>

此问题已在此处得到解答:Is there a hosted version of Twitter Bootstrap?

答案 2 :(得分:0)

Danny,如果您下载了这些文件,则无需参考。您只需在页面中调用该文件即可。 或其他解决方案是,您不需要下载文件,您可以从此页面参考Bootstrap CDN链接http://getbootstrap.com/getting-started/

喝彩!