编译版本的安装非常简单,只需根据自身情况,将下载的bootstrap-3.3.7.zip解压到相应的工作目录,然后在网页中引入相应的 css 文件和 js 文件即可。

假设将 Bootstrap 解压到 bootstrap3/ 目录,并在根目录下,使用以下这份超级简单的 HTML 模版新建一个index.html,这就是一个最简单的 Bootstrap 页面了:

 
  1. <!DOCTYPE html>
  2. <html lang="zh">
  3.  <head>
  4.  <meta charset="utf-8">
  5.  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.  <meta name="viewport" content="width=device-width, initial-scale=1">
  7.  <title>Bootstrap 101 Template</title>
  8.  <link href="css/bootstrap.min.css" rel="stylesheet">
  9.  </head>
  10.  <body>
  11.  <h1>Hello, world!</h1>
  12.  <script src="http://apps.bdimg.com/libs/jquery/1.11.3/jquery.min.js"></script>
  13.  <script src="js/bootstrap.min.js"></script>
  14.  </body>
  15. </html>

需要注意的是,bootstrap 的所有插件都依赖于 jQuery,在引入 bootstrap.min.js 文件之前,要先引入 jQuery 库文件。

关于作者

歪脖先生,十五年以上软件开发经验,酷爱Web开发,精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等,著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》,并全部在 GitHub 上开源。

安装Bootstrap3编译版本相关推荐

  1. Bootstrap3 编译版本的文件结构

    编译版的所有文件,都按逻辑进行分类,放到了不同的目录中,这些文件可以快速应用于任何web项目.解压下载的压缩包,你可以看到以下目录结构和内容: bootstrap/ ├── css/ │   ├──  ...

  2. TensorFlow工作笔记001---Centos7.3下安装TensorFlow最新版本,基于python2.7.5的,没有编译TensorFlow的源码

    技术交流QQ群[JAVA,.NET,BigData,AI]:170933152 Centos7.3下安装TensorFlow最新版本,基于python2.7.5的,没有编译TensorFlow的源码, ...

  3. AArch64编译安装特定GPU版本TensorFlow及Bazel

    前排提示:如果使用的 cuDNN 版本高于 7,会无法编译安装带 CUDA 支持的 TensorFlow 1 版本. 本文基于 Jetson TX2. ALBERT 的 requirements.tx ...

  4. 鲲鹏服务器设置ip文件,IPFS在鲲鹏云服务器中的安装与编译过程记录

    IPFS星际文件系统是一个旨在创建持久且分布式存储和共享文件的网络传输协议.它是一种内容可寻址的对等超媒体分发协议.在IPFS网络中的节点将构成一个分布式文件系统.它综合了几十年来学术界和开源领域成功 ...

  5. Delphi中Indy 10的安装和老版本的卸载

    安装中遇到的问题: 1,用新的indy替换掉了老版本source下面的indy 2,按照参考资料编译的.dpk版本要保持跟老版本一致,如本人的就是XXX100.dpk 3,编译和安装路径统一放在了de ...

  6. 在Jetson Xavier NX上安装torchvision编译报错:fatal error: libavcodec/avcodec.h: No such file or directory

    文章目录: 1 问题原因说明 2 解决方法 1 问题原因说明 1.尝试安装torchvision 在Jetson NX设备上安装torch的版本是1.6.0版本,对应安装torchvision版本应该 ...

  7. VS2013安装OpenCV4.1版本并搭建一个小程序

    <VS2013安装OpenCV4.1版本并搭建一个小程序> [注意1] 在"链接器=>输入=>附加依赖库"中,只添加opencv_world410d.lib ...

  8. caffe安装,编译(包括CUDA和cuDNN的安装),并训练,测试自己的数据(caffe使用教程)

    caffe是一个非常清晰且高效的深度学习框架,目前有着不少的用户,也渐渐的形成了自己的社区,社区上可以讨论相关的问题. 我从开始看深度学习的相关内容到能够用caffe训练测试自己的数据,看了不少网站, ...

  9. 【opencv】1.opencv安装、编译、运行等踩坑记录

    1.安装python2环境下opencv2.4.9安装不成功的解决方法 2.查看linux下的各种安装库的安装位置和版本,以opencv为例 3.cmake与g++: opencv之在Linux下编译 ...

最新文章

  1. SAP RETAIL 对WG22执行LSMW批量导入物料组描述信息时需要前台执行
  2. 添加RichEdit控件导致MFC对话框程序无法执行的解决方法
  3. 网络001 交换机基本配置
  4. 通过容器编排和服务网格来改进Java微服务的可测性
  5. oracle rcu 安装,Oracle Fusion MiddlewareⅠ: 数据库和RCU
  6. 跑深度学习在Linux服务器上常用操作(ssh, screen, tensorboard, jupyter-notebook)
  7. 搬砖的也能学Python----if - elif 语句
  8. Unity学习笔记:unity脚本常用API
  9. 麟龙指标通达信指标公式源码_麟龙饱和度公式源码副图指标公式-通达信公式 -程序化交易(CXH99.COM)...
  10. 小米手机与计算机如何连接网络连接,小米手机如何连接电脑?如何传输文件至电脑?...
  11. 采购订单定价策略 超详细
  12. 通过定义函数,来实现判断1-100之间奇数的目的
  13. sqlserver日期减一天_第二人立减1000 | 去厦门吃的地道精彩不重样,没有比这更“惠”吃了!...
  14. 服务器柜机位置摆放电子图,柜式空调摆放位置有什么要注意的吗
  15. 程序员如何动手打造属于自己的智能…
  16. bzoj2754JZOJ2834【SCOI2012】喵星球上的点名 AC自动机+STL
  17. 【考研】汤家凤数学规划
  18. 【RAII】RAII 技术(内存安全解决技术/自动化解锁技术)
  19. Sublime常用操作
  20. 阿里云分析型数据库MySQL版(AnalyticDB)测试初体验

热门文章

  1. Linux中的存储设备管理
  2. 如何 Scale Up/Down 应用?- 每天5分钟玩转 Docker 容器技术(126)
  3. mysql主从、主主复制及高可用性
  4. NHibernate扩展:FluentNHibernate基础教程
  5. dns在企业网络中的应用-1
  6. 一步一步学Silverlight 2系列(8):使用样式封装控件观感
  7. Python——使用Flask框架封装接口
  8. 浙江省计算机二级办公软件高级应用技术考试时间,最新浙江省计算机二级办公软件高级应用技术考试大纲...
  9. countdownlatch的使用详解(好懂!!)
  10. shell:判断某个变量是否包含字符串/变量的方法