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、在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>
展开全部
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>
官方下载地址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>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询