我是BS的新手.我正在从MaxCDN检索Bootstrap CSS和JS文件的v3.3.6.我希望有一种方法可以包括glyphicons但我看不出怎么做.是否可以从CDN中检索glyphicons？
另外,我不明白Bootstrap下载页面在引用"预编译引导程序"时的含义为什么我需要预编译下载与MaxCDN下载.我看到预编译提供了glyphicons所以也许这是唯一的原因.
如果您将样式表包含bootstrap.min.css在HTML文件中(例如):
然后Glyphicons字体将自动从同一位置下载:
//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/fonts/glyphicons-halflings-regular.eot
//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/fonts/glyphicons-halflings-regular.svg
//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/fonts/glyphicons-halflings-regular.ttf
//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/fonts/glyphicons-halflings-regular.woff
//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/fonts/glyphicons-halflings-regular.woff2
这是因为使用相对 URL 加载字体.bootstrap.min.css解析CSS in时,用于下载CSS 的URL将作为基础,而不是您网站的URL.
关于预编译的Bootstrap:如果您想在自己的Web服务器上托管文件(由于某种原因),这非常有用.它们以zip文件的形式提供,其中包含上述行为开箱即用的正确目录结构.它被标记为预编译,因为您可以选择下载源文件.虽然CSS和JavaScript文件本身被认为是源文件,但Bootstrap 在其CSS上使用预编译器,使它们更容易编写大文件.他们还使用几个较小的JavaScript文件,它们合并在一起,以便通过构建脚本发布.您可以在他们的GitHub存储库中看到这一点.
关于Glythicon问题
随着新版本的bootstrap(Bootstrap 4); Glythicons已被完全删除,因此请考虑弃用,并尽量不要在当前或未来的项目中使用它们.有了这个说,FontAwesome是一个惊人的,轻量级的库,有一个很好的CDN,非常容易使用.
CDN https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css
如果你想要懒惰,你应该总是试着偷懒!使用下面的代码,与任何链接一样,粘贴到项目的头部,立即开始使用它!
FontAwesome是一个广泛的字体图标库,您可以通过类调用添加到任何DOM元素.它也非常浏览器友好,不需要任何 JavaScript工作.
下面是入门指南:https: //fortawesome.github.io/Font-Awesome/get-started/
以下是图标列表:https: //fortawesome.github.io/Font-Awesome/icons/
关于预编译与CDN问题
如果您不打算以任何方式为您的项目修改库(通常您不应该采取任何方式),那么使用CDN而不是手动将其下载到项目中总是好的.您将获得显着的性能提升,并减轻您的git仓库的负载.
预编译版本的另一个好处是它允许您将代码直接集成到您的前端.如果您使用像gulp或grunt这样的节点任务运行器,您可以获取代码,将其更改为与您的主题或首选项匹配,然后将其直接折叠到您的工作代码中.这允许您开发自己的bootstrap风格.
通常情况下,标准版本很好,因为您可以稍后使用自己的css覆盖它.如果这对您没问题,那么只需使用CDN,因为它将为您提供标准版本的Bootstrap.
希望这可以帮助!
京公网安备 11010802040832号 | 京ICP备19059560号-6 