bootstrap本地引用
来源：互联网 发布：苹果电脑怎么打开软件 编辑：程序博客网 时间：2024/06/04 01:03
下载了bootstrap以后，最关键的文件夹，就是dist，基础使用只要引入这里面的文件就可以
解决了两个晚上了。目标：一个下拉菜单，其实是<a>，点了以后，下面就是菜单，本来是要放在页头的导航栏里面的，但是，引用了以后，没有反应
要引用的包，基本的有
<script src="dist/js/jquery-1.9.1.min.js"></script>
<script src="dist/js/bootstrap.min.js"></script>
<link href="dist/css/bootstrap.min.css" rel="stylesheet">
这里要特别说明一下，
第一，在idea里面建立了静态工程，这个工程下面直接建立html，然后放dist目录，这样就可以使用了。
第二， src="dist/js/bootstrap.min.js"，不能写成src="/dist/js/bootstrap.min.js"，因为是相对路径
第三，jquery-1.9.1.min.js，不需要改成jquery.min.js，也是可以的
第四，如果这样还是不能得到下拉菜单，可能就是hmtl有问题，之前没有注意这个问题
第五，虽然这里只要引入这3个文件就可以了，其实还有其它东西，可以引用，只是这里不需要，要引用其它东西，就只能继续学习
完整的hmtl如下：
<!DOCTYPE html>
<html>
<head>
<script src="dist/js/jquery-1.9.1.min.js"></script>
<script src="dist/js/bootstrap.min.js"></script>
<link href="dist/css/bootstrap.min.css" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li role="separator" class="divider"></li>
<li class="dropdown-header">Nav header</li>
<li><a href="#">Separated link</a></li>
<li><a href="#">One more separated link</a></li>
</ul>
</li>
</body>
</html>
解决了两个晚上了。目标：一个下拉菜单，其实是<a>，点了以后，下面就是菜单，本来是要放在页头的导航栏里面的，但是，引用了以后，没有反应
要引用的包，基本的有
<script src="dist/js/jquery-1.9.1.min.js"></script>
<script src="dist/js/bootstrap.min.js"></script>
<link href="dist/css/bootstrap.min.css" rel="stylesheet">
这里要特别说明一下，
第一，在idea里面建立了静态工程，这个工程下面直接建立html，然后放dist目录，这样就可以使用了。
第二， src="dist/js/bootstrap.min.js"，不能写成src="/dist/js/bootstrap.min.js"，因为是相对路径
第三，jquery-1.9.1.min.js，不需要改成jquery.min.js，也是可以的
第四，如果这样还是不能得到下拉菜单，可能就是hmtl有问题，之前没有注意这个问题
第五，虽然这里只要引入这3个文件就可以了，其实还有其它东西，可以引用，只是这里不需要，要引用其它东西，就只能继续学习
完整的hmtl如下：
<!DOCTYPE html>
<html>
<head>
<script src="dist/js/jquery-1.9.1.min.js"></script>
<script src="dist/js/bootstrap.min.js"></script>
<link href="dist/css/bootstrap.min.css" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li role="separator" class="divider"></li>
<li class="dropdown-header">Nav header</li>
<li><a href="#">Separated link</a></li>
<li><a href="#">One more separated link</a></li>
</ul>
</li>
</body>
</html>
0 0
- bootstrap本地引用
- bootstrap引用
- 【Bootstrap】本地css样式放置的位置，以及jsp文件中如何引用样式
- 本地部署Bootstrap文档
- bootstrap样式的引用
- Yii 中引用bootstrap
- 引用bootstrap框架
- bootstrap安装及引用
- Bootstrap图标引用方法
- Bootstrap引用说明
- Bootstrap的引用文件
- angular2 引用bootstrap-daterangepicker
- bootstrap图标的引用
- 全局引用和本地引用
- 本地部署Bootstrap帮助文档
- bootstrap-multiselect加载本地数据
- falsk-bootstrap设置本地路径
- Django 在本地使用 Bootstrap
- 北大菜鸟的忧伤.求关怀
- 问题记录：NameNode is still loading. Redirecting to the Startup Progress page.
- 使用adb操作android的sqlite出现的问题
- test
- charles 抓取https
- bootstrap本地引用
- mybatis源码学习--spring+mybatis注解方式为什么mybatis的dao接口不需要实现类
- 1006. Sign In and Sign Out (25)
- Android 申请权限
- 常用 Git 命令清单
- 【Java学习笔记】值传递和引用传递
- Android ListView取消选中框和分割线
- variable-precision SWAR算法“计算汉明重量”
- Dagger2的入门
