bootstrap框架怎么在html页面加载使用

如题所述

  使用bootstrap框架的步骤如下
  1、在HTML文件头部引用bootstrap的css文件
  <link rel="stylesheet" href="你存放的地址/bootstrap.min.css">

  2、只使用bootstrap样式的话只调用上面的文件就行了,需要使用bootstrap动态效果,如模态框的话还需要调用bootstrap的js文件。(需要先引用Jquery)
  <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="你存放的地址/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="你存放的地址/bootstrap.min.js"></script>
温馨提示:答案为网友推荐,仅供参考
第1个回答  推荐于2018-03-19
bootstrap一般的可以直接在官方下载后上传到自己服务器使用

官方下载地址http://v3.bootcss.com/getting-started/#download
根据自己的上传路径,HTML直接引用相关css,js。。。

还可以使用cnd引用
bootstrap官方cdn引用
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">

<!-- 可选的Bootstrap主题文件(一般不用引入) -->
<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">

<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>本回答被网友采纳
第2个回答  2016-02-18
导入bootstrap的js和css即可,具体参考http://getbootstrap.com/本回答被网友采纳
相似回答