搭建Bootstrap离线文档的方法

虽然现在不联网的情况很少,但在本机上搭建一份Bootstrap离线文档以备不时之需也是很有必要的。

废话不多说,如果你也有同样的想法,可以参照以下步骤来做:

若你还没有安装过nodejsRuby,请先下载安装后再开始下面的步骤。

Bootstrap官网下载源码。

搭建Bootstrap离线文档的方法

下载完毕之后解压到任意位置,比如D:\。

从terminal进入源码目录,输入命令:

npm install

搭建Bootstrap离线文档的方法

接着从terminal输入下面的命令来安装Ruby的一个gem:Bundler(官网:http://bundler.io)

gem install bundler

搭建Bootstrap离线文档的方法

如果你和我一样在安装bundler时碰到SSL错误, 请先运行下面的命令再重新安装bundler:

gem sources --remove https://rubygems.org/
gem sources --add http://rubygems.org/

若你在安装bundler时碰到过SSL错误,那么你还需要额外进行下面这一步骤的修改:打开源码根目录下的Gemfile文件, 把第一行的https:改成http,然后保存关闭。

搭建Bootstrap离线文档的方法

修改Gemfile

从terminal进入源码目录,输入命令:

bundler install

至此,Bootstrap离线文档的安装配置已经完成,今后在想查看文档时,从terminal进入源码目录,输入命令:

bundler exec jekyll serve

搭建Bootstrap离线文档的方法

打开网页http://localhost:9001 即可查看离线文档。

以上所述是小编给大家介绍的搭建Bootstrap离线文档的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对我们网站的支持!

时间: 2016-11-30

Bootstrap框架安装使用详解

Bootstrap框架安装使用简单介绍 下载 Bootstrap 可以从 http://getbootstrap.com/ 上下载 Bootstrap 的最新版本. Download Bootstrap:下载 Bootstrap.点击该按钮,您可以下载 Bootstrap CSS.JavaScript 和字体的预编译的压缩版本.不包含文档和最初的源代码文件. Download Source:下载源代码.点击该按钮,您可以直接从 from 上得到最新的 Bootstrap LESS 和 JavaS

Bootstrap CDN和本地化环境搭建

一.搭建bootstap环境 可以用bootstrap的CDN服务,在 <link href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"> <script src="//cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script> <script src=

Bootstrap每天必学之折叠(Collapse)插件

折叠(Collapse)插件可以很容易地让页面区域折叠起来.无论您用它来创建折叠导航还是内容面板,它都允许很多内容选项. 如果您想要单独引用该插件的功能,那么您需要引用 collapse.js,或者,正如 Bootstrap 插件概览 一章中所提到,您可以引用 bootstrap.js 或压缩版的 bootstrap.min.js. 一.用法 下表列出了折叠(Collapse)插件用于处理繁重的伸缩的 class: 您可以通过以下两种方式使用折叠(Collapse)插件: 通过 data 属性:

Bootstrap每天必学之工具提示(Tooltip)插件

当您想要描述一个链接的时候,工具提示(Tooltip)就显得非常有用.工具提示(Tooltip)插件是受 Jason Frame 写的 jQuery.tipsy 的启发.工具提示(Tooltip)插件做了很多改进,例如不需要依赖图像,而是改用 CSS 实现动画效果,用 data 属性存储标题信息. 如果您想要单独引用该插件的功能,那么您需要引用 tooltip.js.或者,正如Bootstrap 插件概览 一章中所提到,您可以引用 bootstrap.js 或压缩版的 bootstrap.min

值得分享的最全面Bootstrap快速人门案例

今天,我给小白们分享一下比较流行的Bootstrap框架,它在工作中得到许多公司的青睐,因此对于升职和加薪很重要.同时,我们可以快速完成开发任务,减少发开周期,有不对的地方望大家指正. 如果你想走的更远,那么请勤劳一点,多看看代码,多多练习代码,如果你仔细研究代码,自己也可以写出一部分的css比较好的插件. 一.Bootstrap简介 详见官网: http://www.bootcss.com/ http://v3.bootcss.com/ 1.练习准备资源准备: 下载bootstrap资源: h

Bootstrap每天必学之模态框(Modal)插件

本节课我们主要学习一下 Bootstrap 中的模态框插件, 这是一款交互式网站非常常见的弹窗功能插件. 更多关于Bootstrap模态框插件内容请点击专题<Bootstrap Modal使用教程>进行学习,希望大家喜欢,下面继续 一.基本使用 使用模态框的弹窗组件需要三层 div 容器元素,分别为 modal(模态声明层). dialog(窗口声明层).content(内容层).在内容层里面,还有三层,分别为 header(头部).body(主体).footer(注脚). //基本实例 &l

值得分享和收藏的Bootstrap学习教程

首先先感谢朋友们对小编的支持,关注小编的文章,和小编一起学习进步,一直的陪伴,小编也一定会再接再厉,为大家分享更多精彩的文章. 在分享的过程中遇到了一些问题,这也给了我很大的启发,大家在搜索相关文章时都没有针对此类问题进行的系统整理文章,这也是小编需要在今后进行改进的. 所以本文就吸取这个经验,针对Bootstrap教程进行系统整理,希望对大家的学习有所帮助,便于大家学习. 小编的水平能力都很有限,还望大牛多给一些建议和看法,帮助小编进行改正和提高,如果文中确有不妥之处,还请谅解.希望能和大家共

Bootstrap每天必学之附加导航(Affix)插件

附加导航(Affix)插件允许某个 <div> 固定在页面的某个位置.您也可以在打开或关闭使用该插件之间进行切换.一个常见的例子是社交图标.它们将在某个位置开始,但当页面点击某个标记,该 <div> 会锁定在某个位置,不会随着页面其他部分一起滚动. 如果您想要单独引用该插件的功能,那么您需要引用 affix.js. 一.用法 可以通过 data 属性或者通过 JavaScript 来使用附加导航(Affix)插件. 1.通过 data 属性:如需向元素添加附加导航(Affix)行为

Bootstrap每天必学之标签页(Tab)插件

标签页(Tab)通过结合一些 data 属性,您可以轻松地创建一个标签页界面. "如果您想要单独引用该插件的功能,那么您需要引用 tab.js.或者,正如 Bootstrap 插件概览 一章中所提到,您可以引用 bootstrap.js 或压缩版的 bootstrap.min.js." 一.用法 您可以通过以下两种方式启用标签页: 通过 data 属性:您需要添加 data-toggle="tab" 或 data-toggle="pill" 到锚

Bootstrap安装环境配置教程分享

Bootstrap 安装是非常容易的.此文是本人的学习汇总,便于以后查询学习,同时也希望给大家带来帮助. 一.下载 Bootstrap 您可以从 http://getbootstrap.com/ 上下载 Bootstrap 的最新版本.当您点击这个链接时,您将看到如下所示的网页: 您会看到两个按钮: Download Bootstrap:下载 Bootstrap.点击该按钮,您可以下载 Bootstrap CSS.JavaScript 和字体的预编译的压缩版本.不包含文档和最初的源代码文件. D

JDK环境变量配置教程分享

每个写Java程序的人都能正确配置JDK,不过由于在第一次配置好之后就不用再次配置了,所以在需要重新配置的时候,可能由于时间长而忘记了.此处写出来也是留下标记,方便日后查阅. 既然要配置就先须下载,推荐到官网去下载,根据需要,如不同操作系统的,或是32位或64位,总之要下载正确的版本.比如我是Win7 64位操作系统,下载的就是最新的 jdk-7u25-windows-x64 版本. 下载完成后,就是双击安装,这个就不用多介绍了,可以默认安装,也可以自定义,关键知道安装的路径就可以了.如:D:\

Oracle Database 10g数据库安装及配置教程

Oracle安装配置教程分享给大家供大家参考,具体内容如下 1.安装 Oracle 版本:Oracle Database 10g Release 2 (10.2.0.1) 下载地址: http://www.oracle.com/technology/software/products/database/oracle10g/htdocs/10201winsoft.html 安装设置: 1)这里的全局数据库名即为你创建的数据库名,以后在访问数据,创建"本地Net服务名"时用到: 2)数据库

Windows安装配置C/C++(VS2017)OpenSSL开发环境配置教程

OpenSSL开发环境配置教程分享给大家,具体内容如下 [环境信息] Windows 10 Enterprise Version 10.0.15063 下载地址:http://www.itellyou.cn/) Visual Studio Enterprise 2017 Version 15.2(26430.12) 下载地址:https://www.visualstudio.com/downloads) OpenSSL v1.1.0f 下载地址:https://slproweb.com/prod

值得分享的Bootstrap Table使用教程

bootstrap-table是在bootstrap-table的基础上写出来的,专门用于显示数据的表格插件.而bootstrap是来自 Twitter,是目前最受欢迎的前端框架.Bootstrap 是基于HTML.CSS.JAVASCRIPT 的,具有简便灵活,快速前端开发的优势.对与bootstrap在此就不在叙述. jquery ,bootstrap ,bootstrap-table 三者之间的关系.bootstrap很多部分代码涉及到了jquery的,也就是说 bootstrap是依赖j

无桌面的linux安装VMWare Tools配置教程

本文为大家分享了linux安装VMWare Tools配置教程,供大家参考,具体内容如下 1.在vmware虚拟机选项下,选择安装vmware-tools 2.将vmware安装目录下的linux.iso装载到系统中 2.1.选择需安装VMWareTools的虚拟机,右击--可移动设备--CD/DVD--设置 2.2.选择CD/DVD(SATA)--使用ISO映像文件--选文件--打钩设备状态下的"已连接"--确定 3.在系统中输入如下命令挂载:mount /dev/cdrom /mn

Git安装和使用图文教程(分享)

实际项目开发中,我们经常会用一些版本控制器来托管自己的代码,今天就来总结下Git的相关用法,废话不多说,直接开写. 目的:通过Git管理github托管项目代码 一.下载安装Git 1.下载Git 官方地址为:https://git-scm.com/download/win 2.下载完之后,双击安装 3.选择安装目录 4.选择组件 5.开始菜单目录名设置 6.选择使用命令行环境 7.以下三步默认,直接点击下一步 8.安装完成 9.检验是否安装成功 回到电脑桌面,鼠标右击如果看到有两个git单词则

Centos7.3下mysql5.7安装配置教程

本文大家分享了mysql5.7安装配置教程,供大家参考,具体内容如下 第一步:获取mysql YUM源 进入mysql官网获取RPM包下载地址 https://dev.mysql.com/downloads/repo/yum/ 点击 下载 右击 复制链接地址https://dev.mysql.com/get/mysql57-community-release-el7-11.noarch.rpm 得到这个 这个就是Yum仓库的rpm包 其实就是一个下载地址 第二步:下载和安装mysql源 先下载

Centos7.3下jre1.8安装和配置教程

本文实例为大家分享了jre1.8安装和配置教程,供大家参考,具体内容如下 第一步:下载jre 我们去oracle官方下载下jre http://www.oracle.com/technetwork/java/javase/downloads/server-jre8-downloads-2133154.html 下载 server jre 这里提供下百度云下载地址:链接: https://pan.baidu.com/s/1pLypSKz 密码: nd87 第二步:上传jre到/home/data/

pl/sql连接远程oracle服务器的配置教程

本文为大家分享了pl/sql连接远程oracle服务器的配置教程,具体内容如下 方法1: 打开所有程序->找到oracle-oradb11g-home1->Net Configuration Assistant 本地网络服务名配置,点击下一步 选择添加,点击下一步 填写服务名(注数据库名),点击下一步 选择通信协议:TCP,下一步 填写数据库所在的主机名(也可以是IP地址),选择端口号(根据数据库所在的主机的端口号进行选择,一般是标准端口号),点击下一步,选择测试,点击下一步 ok,到此结束.