如何下载不包括glyphicons的bootstrap?
我想使用font-awesome,我想从我网站上的目录内部调用它。目前,我只找到了如何拨打外部链接,但我并不总是可以访问互联网,如果我的网络连接关闭,我无法在我的本地主机上进行测试。
我目前这样做:
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css" rel="stylesheet">
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
我已经查看了有关bootstrap和font-awesome的堆栈溢出问题,但它建议使用外部链接,这对我来说无效。
答案 0 :(得分:4)
转到Bootstrap Customize部分here,取消选中Base CSS中的“Icons”并单击“Customize and Download”
答案 1 :(得分:1)
虽然您可以而且应该使用CDN来传递Bootstrap和font-awesome,但您也可以通过将http:
附加到您引用的链接来直接下载它们bootstrapcdn.com
默认情况下在本地存储文件
在您的情况下,访问以下URL将允许您在本地下载/存储它们(取决于您的操作系统,下载方法和bootstrap / font-awesome所需的版本):
http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css
然后您可以将它们存储在本地目录中(在需要的地方重命名):
<link href="/path/to/assets/bootstrap-2.3.2.css" rel="stylesheet">
<link href="/path/to/assets/font-awesome-3.2.1.css" rel="stylesheet">
有条件资源加载
鉴于您希望能够在本地以及临时/生产环境中进行开发,有许多JS库可以让您系统地检查是否有外部资源可用如果没有,则默认为本地版本。
例如,您可以通过以下方式使用yepnopejs(无关联)等库:
yepnope([{
load: 'http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css',
complete: function () {
if (!window.jQuery) {
yepnope('path/to/css/font-awesome-3.2.1.css');
}
}
}]);
还有其他类似的库,但yepnopejs效果特别好。您可以编写自己的JS加载器,也可以使用除Javascript之外的脚本/编程语言来实现相同的结果。
开发应该可移植,并且条件资源加载提供了一种实现它的方法。
答案 2 :(得分:0)
您可以删除默认的引导程序图标并下载字体很棒的资源,并将它们包含在引导程序项目文件夹中。
然后引用你想要使用的字体格式的font-awesome css文件,你就可以了。